/* Shared hero/type/chrome stay canonical; each body section has its own rhythm. */
.cbp-page{--cbp-header-height:var(--site-header-height,84px);--cbp-chapter-height:70px;--cbp-anchor-margin:calc(var(--cbp-header-height) + var(--cbp-chapter-height))}
.cbp-page :is(h1,h2,h3,p,dd,a){overflow-wrap:anywhere}
.cbp-page .pr-hero-grid{max-height:none}
.cbp-page .pr-hero-grid>*,.cbp-page .ip-section-heading>*{min-width:0}
.cbp-page-nav{top:var(--cbp-header-height)}
.cbp-page-nav a{min-width:0;white-space:normal}
.cbp-page #main-content [id]{scroll-margin-top:var(--cbp-anchor-margin)}
.cbp-page h3{font:600 var(--type-subhead-size)/1.3 var(--font-display);letter-spacing:-.035em}
.cbp-overview,.cbp-feature-section{background:#fff}
/* An editorial opening pairs the explanation with a connected-record study. */
.cbp-definition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,5vw,72px);align-items:center}
.cbp-definition>*{min-width:0}
.cbp-definition h2{margin:0 0 26px}
.cbp-definition-copy p{margin:0 0 18px;max-width:62ch}
.cbp-definition-copy .ip-inline-link{margin-top:4px;max-width:100%}
.cbp-workspace-study{position:relative;margin:0;min-width:0;padding:24px 0;background:radial-gradient(ellipse at center,#e5f2f4 0,rgba(237,247,248,.55) 54%,transparent 73%)}
.cbp-workspace-study figcaption{color:#17546a;font:600 var(--type-secondary-size)/1.6 var(--font-body);text-align:center;margin:0 0 25px;padding-inline:10px}
.cbp-workspace-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20%;list-style:none;padding:0 7%;margin:0}
.cbp-workspace-labels li{min-width:0;text-align:center;color:#17546a;font:600 var(--type-secondary-size)/1.5 var(--font-body);overflow-wrap:anywhere}
.cbp-workspace-art{display:block;width:100%;height:auto;overflow:visible;margin:12px 0}
.cbp-workspace-signals path{stroke-dasharray:12 88;stroke-dashoffset:100;animation:cbpWorkspaceConnection 12s linear infinite;animation-delay:var(--workspace-signal-delay,0s);animation-play-state:paused}
.cbp-workspace-study.ip-animation-active .cbp-workspace-signals path{animation-play-state:running}
@keyframes cbpWorkspaceConnection{0%,16%{stroke-dashoffset:100;opacity:0}25%{opacity:.8}66%{opacity:.8}83%,100%{stroke-dashoffset:-100;opacity:0}}
.cbp-service-boundary{margin-top:clamp(30px,4vw,56px);border-top:1px solid #b9d4dc}
.cbp-service-boundary article{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.1fr) minmax(0,1.8fr);align-items:start;gap:clamp(20px,3vw,40px);min-width:0;padding:25px 0;border-bottom:1px solid #caddE3}
.cbp-service-boundary article>*{min-width:0}
.cbp-surface-label{display:block;font:600 var(--type-secondary-size)/1.6 var(--font-body);color:#17546a}
.cbp-service-boundary h3{color:#153f51;margin:0}
.cbp-page .cbp-service-boundary p{color:var(--body-text);margin:0;max-width:62ch}
.cbp-page .cbp-service-boundary .cbp-delivery-note{max-width:none;margin:22px 0 0;padding-left:18px;border-left:2px solid #73babb}
@media(prefers-reduced-motion:reduce){.cbp-workspace-signals path{animation:none;opacity:0}}
.cbp-benefits{background:#fff}
.cbp-benefit-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,2.4vw,30px);row-gap:0}
/* Complete, static information cards keep their native article reading.
 * Shared subgrid tracks align icons, titles and summaries without fixed heights;
 * the block fallback remains complete in browsers without subgrid support. */
.cbp-benefit-spread article{--cbp-card-inset:clamp(22px,2.4vw,30px);position:relative;min-width:0;box-sizing:border-box;padding:30px var(--cbp-card-inset);border:1px solid #c6dfe4;background:linear-gradient(145deg,#fff,#f4fafb);box-shadow:0 6px 20px #0b3b500a;transition:border-color 180ms ease,box-shadow 180ms ease}
.cbp-benefit-spread article::before{content:"";position:absolute;top:-1px;left:var(--cbp-card-inset);width:72px;height:3px;background:linear-gradient(90deg,#169da5,#73d9d1);pointer-events:none}
.cbp-benefit-spread svg{display:block;width:96px;height:84px;color:#1b8291;margin:0 0 20px;background:radial-gradient(ellipse at 48% 46%,#e0f2f3 0%,#edf7f8 43%,transparent 71%)}
.cbp-benefit-spread h3{margin:0 0 14px}
.cbp-benefit-spread p{margin:0}
.cbp-benefit-spread article>p:first-of-type{font-weight:600}
.cbp-page .cbp-benefit-spread .cbp-benefit-context{margin-top:18px;padding-top:18px;border-top:1px solid #b6d3da}
.cbp-page .cbp-benefits-note{margin:28px 0 0;padding-top:24px;border-top:1px solid var(--pr-line)}
@supports(grid-template-rows:subgrid){@media(min-width:851px){.cbp-benefit-spread article{display:grid;grid-template-rows:subgrid;grid-row:span 4}}}
@media(hover:hover) and (pointer:fine){.cbp-benefit-spread article:hover{border-color:#6caeb8;box-shadow:0 8px 24px #0b3b5012}}
@media(prefers-reduced-motion:reduce){.cbp-benefit-spread article{transition:none}}
.cbp-introduction{background:#eef6f7;border-block:1px solid #d1e6e9}
.cbp-intro-heading{margin-bottom:24px;min-width:0}
.cbp-intro-heading h2{margin:0}
/* Shared title above the same two body columns avoids counting display type
 * against the photograph; natural top-aligned reading needs no fixed height. */
.cbp-intro-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:start}
.cbp-intro-body>*{min-width:0}
.cbp-intro-copy>p{margin:0 0 12px}
.cbp-intro-copy>.cbp-intro-context{margin-bottom:16px}
.cbp-intro-agenda{margin-bottom:18px}
/* Two alternative discussion starting points remain in their original lane.
 * Independent left rules keep them distinct without implying sequential gates. */
.cbp-intro-agenda article{padding:2px 0 2px 18px;border-left:2px solid #8abec7;margin:0 0 16px}
.cbp-intro-agenda article:last-child{margin-bottom:0}
.cbp-intro-agenda h3{margin:0 0 8px}
.cbp-intro-agenda p{margin:0}
.cbp-intro-copy .motion-cta{max-width:100%}
.cbp-intro-image{margin:0;min-width:0;width:100%;max-width:750px;justify-self:start}
.cbp-intro-image img{display:block;width:100%;height:auto;object-fit:contain}
.cbp-intro-image figcaption{padding:18px 22px;background:#082c40;color:var(--body-text-on-dark);font:500 var(--type-secondary-size)/1.6 var(--font-body)}
.cbp-faq{background:#fff}
.cbp-faq>div:first-child>p{margin-top:22px}
@media(max-width:850px){.cbp-definition{grid-template-columns:minmax(0,1fr);gap:30px}.cbp-workspace-study{width:100%;max-width:680px;justify-self:center}.cbp-intro-body{grid-template-columns:minmax(0,1fr);gap:28px}.cbp-service-boundary article{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px 28px}.cbp-service-boundary .cbp-surface-label{grid-column:1/-1}.cbp-benefit-spread{grid-template-columns:minmax(0,1fr);gap:26px}.cbp-benefit-spread article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 24px}.cbp-benefit-spread svg{width:80px;height:70px;grid-column:1;grid-row:1/4;margin:0}.cbp-benefit-spread :is(h3,p){grid-column:2}.cbp-intro-image{max-width:750px}}
@media(max-width:600px){.cbp-page{--cbp-header-height:var(--site-header-height,84px);--cbp-chapter-height:calc(9rem + 18px)}.cbp-service-boundary article{grid-template-columns:minmax(0,1fr);gap:12px}.cbp-intro-heading{margin-bottom:24px}}
@media(max-width:600px){.cbp-benefit-spread article{grid-template-columns:minmax(0,1fr);gap:0;padding-block:26px}.cbp-benefit-spread svg{grid-column:auto;grid-row:auto;margin-bottom:18px}.cbp-benefit-spread :is(h3,p){grid-column:auto}}
/* Delivery qualifier uses the existing secondary role without rescaling the H1.
 * At small phones the inline name lets the qualifier share the next reading line. */
.cbp-hero .cbp-saas-label{display:inline-block;vertical-align:middle;margin-left:.25em;padding:.25em .55em;border:1px solid #6aa6af;color:#a3e7e2;font:600 var(--type-secondary-size)/1.5 var(--font-body);letter-spacing:.02em;white-space:nowrap}
@media(max-width:360px){.cbp-hero .pr-hero-copy h1>span{display:inline}.cbp-hero .cbp-saas-label{margin-right:.6em;margin-left:0}}

/* Release direction is an open reading band; industry briefs use complete photos. */
.cbp-release{background:#082c40;color:#fff}
.cbp-release .ip-label{color:#9ddeda}
.cbp-release h2{margin:0}
.cbp-release h2 em{color:#6aded6}
.cbp-page .cbp-release p{color:var(--body-text-on-dark);margin:0 0 24px;max-width:62ch}
.cbp-release-brief{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8%;align-items:start}
.cbp-release-brief>*{min-width:0}
.cbp-release .motion-cta{max-width:100%}
.cbp-industries{background:#f1f7f8;border-bottom:1px solid var(--pr-line)}

/* Both application briefs stay open: photo, workflow and review question form
 * three editorial tracks, distinct from the manual feature stage above. */
.cbp-industry-spread{display:grid;border-top:1px solid #9dbfc8}
.cbp-industry-story{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.25fr) minmax(0,.85fr);gap:clamp(24px,3vw,42px);align-items:start;min-width:0;padding-block:32px;border-bottom:1px solid #b4d0d7}
.cbp-industry-story:last-child{padding-bottom:0;border-bottom:0}
.cbp-industry-story>*{min-width:0}
.cbp-industry-story figure{position:relative;margin:0;width:100%;max-width:300px}
.cbp-industry-story figure::after{content:"";position:absolute;inset:10px;border:1px solid #ffffff75;pointer-events:none}
.cbp-industry-story img{display:block;width:100%;height:auto;object-fit:contain}
.cbp-industry-copy .ip-label{margin-bottom:14px}
.cbp-industry-story h3{margin:0 0 18px}
.cbp-industry-story p{margin:0;max-width:62ch}
.cbp-industry-action{padding:22px 0 0 24px;border-top:2px solid #169da5;border-left:1px solid #b4d0d7}
.cbp-industry-action p{margin:0 0 22px}
.cbp-industry-action .ip-inline-link{max-width:100%}
.cbp-industry-story:focus-visible{outline:2px solid #176b98;outline-offset:4px}
@media(max-width:1100px){.cbp-industry-story{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:20px 32px}.cbp-industry-story figure{grid-row:1/3}.cbp-industry-action{grid-column:2;padding:18px 0 0;border-left:0}.cbp-industry-action p{margin-bottom:14px}}
@media(max-width:850px){.cbp-release-brief{grid-template-columns:minmax(0,1fr);gap:26px}}
@media(max-width:700px){.cbp-industry-story{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:28px}.cbp-industry-story figure{grid-row:auto;max-width:280px}.cbp-industry-action{grid-column:auto}.cbp-industry-story h3{margin-bottom:14px}}

@media(max-width:600px){.cbp-workspace-study{padding:12px 0}.cbp-workspace-study figcaption{margin-bottom:20px}.cbp-workspace-labels{gap:12%;padding-inline:3%}.cbp-workspace-art{margin-block:8px}.cbp-service-boundary article{padding-block:22px}}
