/* the ROI quote stands alone: generous air above and below */
#roigap .mstick{padding-top:clamp(150px,16vw,250px)!important;padding-bottom:clamp(150px,16vw,250px)!important}
#roigap.manifesto-pin.static .mstick{padding-top:clamp(150px,16vw,250px)!important;padding-bottom:clamp(150px,16vw,250px)!important}
#roigap .mbox{width:min(1560px,100%)!important}

/* the four layers: a 2x2 grid, no rail, bigger tiles */
#layersCar,.blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,1.8vw,26px)!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important}
#layersCar>.block,.blocks>.block{flex:none!important;width:auto!important;min-width:0!important;scroll-snap-align:none!important;min-height:clamp(520px,42vw,660px)!important;border-radius:26px!important;padding:clamp(30px,2.8vw,46px)!important}
#layersCar+.hslide,.blocks+.hslide,.carnav{display:none!important}
#layersCar>.block h3,.blocks>.block h3{font-size:clamp(20px,1.9vw,27px)!important}
@media(max-width:900px){#layersCar,.blocks{grid-template-columns:minmax(0,1fr)!important}#layersCar>.block,.blocks>.block{min-height:0!important}}


/* the four tiles: centred, demos scaled to the tile */
#layersCar>.block{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:hidden!important;height:auto!important}
#layersCar>.block>h3{margin:0 auto 10px!important;max-width:24ch}
#layersCar>.block>p{margin:0 auto!important;max-width:44ch}
#layersCar>.block .arrowrow{display:none!important}
#layersCar>.block .floatstack,#layersCar>.block .tokeff,#layersCar>.block .tfeats,#layersCar>.block .blk-lower{
  position:static!important;width:100%!important;max-width:100%!important;margin:clamp(22px,2.4vw,36px) auto 0!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
}
#layersCar>.block .float{position:static!important;width:min(100%,540px)!important;max-width:100%!important;margin:0 auto 14px!important;transform:none!important;right:auto!important;top:auto!important}
#layersCar>.block .float:last-child{margin-bottom:0!important}
#layersCar>.block .tfeats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,28px);text-align:center}
#layersCar>.block .tokeff{text-align:left;max-width:540px!important}
#layersCar>.block .floatstack.orch,#layersCar>.block .floatstack.exe,#layersCar>.block .floatstack.ints{display:block!important}


/* four tiles, one size, four distinct grounds, contents centred */
#layersCar{align-items:stretch!important}
#layersCar>.block{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;height:100%!important;min-height:clamp(560px,44vw,700px)!important;
  padding:clamp(34px,3vw,52px)!important;border-radius:26px!important;overflow:hidden!important;
}
/* grounds: pale blue · deck navy · warm sand · deep teal */
#layersCar>.block:nth-child(1){background:radial-gradient(120% 130% at 12% 0%,rgba(159,183,240,.5),transparent 58%),linear-gradient(160deg,#EEF2FB 0%,#DDE6F8 60%,#CFE0F5 100%)!important}
#layersCar>.block:nth-child(2){background:radial-gradient(90% 80% at 82% 4%,rgba(111,143,216,.32),transparent 62%),linear-gradient(160deg,#0F1725 0%,#16233A 58%,#1D2F4C 100%)!important}
#layersCar>.block:nth-child(3){background:radial-gradient(110% 120% at 86% 0%,rgba(226,182,132,.34),transparent 60%),linear-gradient(160deg,#F6F1E8 0%,#EFE6D9 58%,#E6DACA 100%)!important}
#layersCar>.block:nth-child(4){background:radial-gradient(90% 80% at 16% 4%,rgba(96,150,140,.3),transparent 62%),linear-gradient(160deg,#0C1F1E 0%,#12302C 58%,#193F39 100%)!important}
/* ink on the light pair, light ink on the dark pair */
#layersCar>.block:nth-child(1) h3,#layersCar>.block:nth-child(3) h3{color:#101A2C!important}
#layersCar>.block:nth-child(1)>p,#layersCar>.block:nth-child(3)>p{color:rgba(16,26,44,.72)!important}
#layersCar>.block:nth-child(2) h3,#layersCar>.block:nth-child(4) h3{color:#F7F5F2!important}
#layersCar>.block:nth-child(2)>p,#layersCar>.block:nth-child(4)>p{color:rgba(247,245,242,.74)!important}
/* the head block is the same height in every tile, so the demos line up */
#layersCar>.block>h3{font-size:clamp(23px,2.1vw,31px)!important;line-height:1.15!important;margin:0 auto 12px!important;max-width:22ch}
#layersCar>.block>p{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.55!important;margin:0 auto!important;max-width:38ch;min-height:calc(2 * 1.55em)}
#layersCar>.block .floatstack,#layersCar>.block .tokeff,#layersCar>.block .tfeats,#layersCar>.block .blk-lower{margin-top:clamp(26px,2.6vw,40px)!important}
#layersCar>.block .float{width:min(100%,560px)!important}
@media(max-width:900px){#layersCar>.block{min-height:0!important}}


/* departments: tabs centred over the screen, one capitalized note below it */
#work .vtabs{justify-content:center!important;flex-wrap:wrap!important;row-gap:8px}
#work .lhead{margin-bottom:clamp(30px,3vw,46px)!important}
#work::after{content:attr(data-tag);display:block;margin:clamp(30px,3.2vw,48px) auto 0;text-align:center;font-family:var(--f-ui);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-4)}
#work{padding-bottom:clamp(120px,12vw,200px)!important}

/* the ROI gap: a much taller field, the quote floating in the middle of it */
#roigap{height:170vh!important}
#roigap .mstick{min-height:118svh!important;justify-content:center!important;padding-top:clamp(200px,20vw,340px)!important;padding-bottom:clamp(200px,20vw,340px)!important}

/* four platform tiles: one size, one head spec, demos always fully inside */
#layersCar{align-items:stretch!important;gap:clamp(20px,2vw,30px)!important}
#layersCar>.block{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
  text-align:center!important;height:100%!important;min-height:clamp(580px,46vw,730px)!important;
  padding:clamp(40px,3.4vw,58px) clamp(28px,2.6vw,46px)!important;border-radius:28px!important;overflow:hidden!important}
#layersCar>.block>h3{font-family:var(--f-display)!important;font-weight:500!important;font-size:clamp(28px,2.6vw,38px)!important;line-height:1.12!important;letter-spacing:-.015em!important;margin:0 auto 12px!important;max-width:20ch!important}
#layersCar>.block>p{font-size:clamp(16px,1.2vw,18px)!important;line-height:1.5!important;margin:0 auto!important;max-width:34ch!important;min-height:calc(2 * 1.5em)!important}
#layersCar>.block .tvis{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:clamp(26px,2.6vw,40px);overflow:hidden}
#layersCar>.block .tvis>*{margin-top:0!important;margin-bottom:0!important;width:100%!important;max-width:100%!important}
#layersCar>.block .tvis>*+*{margin-top:clamp(16px,1.6vw,24px)!important}
#layersCar>.block .tvis .float{width:min(100%,540px)!important;margin:0 auto 12px!important}
#layersCar>.block .tvis .float:last-child{margin-bottom:0!important}
#layersCar>.block .tvis .floatstack{display:flex!important;flex-direction:column!important;gap:12px!important}
#layersCar>.block .tvis .floatstack .float{margin:0 auto!important}
/* execution reads grey, not sand */
#layersCar>.block:nth-child(3):nth-child(3){background:radial-gradient(110% 120% at 86% 0%,rgba(255,255,255,.72),transparent 58%),linear-gradient(160deg,#F3F4F6 0%,#E9EBEE 58%,#DDE0E5 100%)!important}
#layersCar>.block:nth-child(3) h3{color:#171A1F!important}
#layersCar>.block:nth-child(3)>p{color:rgba(23,26,31,.72)!important}
@media(max-width:900px){#layersCar>.block{min-height:0!important}#layersCar>.block .tvis{zoom:1!important}}
/* tablet accordion: the wrapper opens with its tile */
@media(max-width:1024px){.block.mopen>.tvis{display:flex!important;flex-direction:column!important;zoom:1!important}}


/* the workspace note sits further below the screen */
#work::after{margin-top:clamp(52px,5vw,84px)!important}
/* quote band → platform: less white between them */
#roigap{height:125vh!important}
#roigap .mstick{min-height:112svh!important;padding-top:clamp(150px,15vw,260px)!important;padding-bottom:clamp(150px,15vw,260px)!important}
section#solutions{padding-top:clamp(44px,4.4vw,72px)!important}
/* the four tiles: both rows exactly the same height */
#layersCar{grid-auto-rows:1fr!important}
#layersCar>.block{height:100%!important;min-height:clamp(600px,46vw,740px)!important}

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

/* four tiles: one grid, equal cells, the homepage tile radius and type */
#layersCar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:clamp(14px,1.4vw,20px)!important;align-items:stretch!important}
#layersCar>.block{border-radius:14px!important;height:auto!important;min-height:clamp(600px,46vw,740px)!important;padding:clamp(34px,3vw,48px) clamp(26px,2.4vw,40px) clamp(30px,2.8vw,44px)!important;justify-content:flex-start!important;overflow:hidden!important}
#layersCar>.block .blk-lower{display:none!important}
#layersCar>.block>h3{font-family:var(--f-display)!important;font-weight:460!important;font-size:clamp(24px,1.85vw,31px)!important;line-height:1.22!important;letter-spacing:-.015em!important;margin:0 auto 10px!important;max-width:22ch!important;min-height:0!important}
#layersCar>.block>p{font-family:var(--f-ui)!important;font-size:15px!important;line-height:1.5!important;margin:0 auto!important;max-width:34ch!important;min-height:calc(2 * 1.5em)!important}
/* the visual area: one width for cards, bars and feature pairs, nothing clipped */
#layersCar>.block .tvis{overflow:visible!important;justify-content:flex-start!important;margin-top:clamp(26px,2.6vw,40px)!important;padding-bottom:4px}
#layersCar>.block .floatstack,#layersCar>.block .tokeff,#layersCar>.block .tfeats{width:min(100%,560px)!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
#layersCar>.block .floatstack{margin-top:clamp(26px,2.6vw,40px)!important;margin-bottom:0!important}
#layersCar>.block .tvis .floatstack{margin-top:0!important}
#layersCar>.block .float{width:100%!important;max-width:none!important;margin:0!important;border-radius:16px!important;box-shadow:0 22px 48px rgba(0,0,0,.18)!important}
#layersCar>.block .floatstack{display:flex!important;flex-direction:column!important;gap:14px!important}
/* token bars sit above the two cards, same width, nothing cut */
#layersCar>.block .tokeff{margin-top:clamp(26px,2.6vw,40px)!important;margin-bottom:0!important;text-align:left!important;overflow:visible!important}
#layersCar>.block .tokeff+.floatstack{margin-top:clamp(16px,1.6vw,22px)!important}
#layersCar>.block .te-head{padding-top:2px}
#layersCar>.block .te-head b{display:inline-block;line-height:1.35!important;font-size:15.5px!important;overflow:visible}
#layersCar>.block .te-row{grid-template-columns:minmax(180px,auto) 1fr auto!important;margin-top:14px!important}
/* orchestration: the two proof points sit centred under the card, on one width */
#layersCar>.block .tfeats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(18px,2vw,32px)!important;margin-top:clamp(22px,2.4vw,34px)!important;margin-bottom:0!important;transform:none!important;justify-items:center!important;text-align:center!important}
#layersCar>.block .tfeat{max-width:none!important;display:flex!important;flex-direction:column!important;align-items:center!important}
#layersCar>.block .tfeat .tico{height:auto!important;justify-content:center!important;margin-bottom:12px!important}
#layersCar>.block .tfeat b{font-family:var(--f-ui)!important;font-weight:500!important;font-size:15px!important;line-height:1.35!important;color:inherit}
@media(max-width:900px){#layersCar{grid-template-columns:1fr!important}#layersCar>.block{min-height:0!important}}


#layersCar>.block{justify-content:flex-start!important;padding:clamp(40px,3.4vw,56px) clamp(28px,2.6vw,44px) clamp(40px,3.4vw,56px)!important}
#layersCar>.block>h3{font-size:clamp(28px,2.2vw,36px)!important;margin-bottom:12px!important}
#layersCar>.block>p{font-size:clamp(16px,1.15vw,18px)!important;line-height:1.5!important;max-width:36ch!important}
/* everything under the head is one group, centred in the remaining room */
#layersCar>.block .tvis{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin-top:clamp(18px,1.8vw,28px)!important;padding-bottom:0!important;width:100%}
#layersCar>.block .tvis>*+*{margin-top:clamp(16px,1.6vw,22px)!important}
#layersCar>.block .floatstack,#layersCar>.block .tokeff,#layersCar>.block .tfeats{width:min(100%,580px)!important;max-width:580px!important}
#layersCar>.block .float{font-size:15px!important;padding:22px 26px!important}
#layersCar>.block .float .it,#layersCar>.block .askcard .ah b{font-size:16.5px!important}
#layersCar>.block .float .irow{font-size:15px!important;padding:12.5px 0!important}
#layersCar>.block .te-head b{font-size:16.5px!important}
#layersCar>.block .te-row{font-size:14.5px!important}
#layersCar>.block .tfeat b{font-size:15.5px!important}
#layersCar>.block .tfeats{margin-top:clamp(20px,2vw,30px)!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}


/* every section head on this page is centred */
main#main .lhead:not(#explore .lhead),.capsx .lhead{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
main#main .lhead:not(#explore .lhead) .lsec{margin-left:auto!important;margin-right:auto!important;text-wrap:balance}
main#main .lhead:not(#explore .lhead) .kicker{margin-left:auto;margin-right:auto}
main#main .lhead:not(#explore .lhead) p,main#main .lhead:not(#explore .lhead) .tbody{margin-left:auto!important;margin-right:auto!important}
#explore .lhead{text-align:left!important;margin-left:0!important}
#explore .lsec{margin-left:0!important}