/* Product use cases share the capability-page language; research has its own editorial layout. */
.bu { background: var(--paper); }
.bu .cp-hero { background: var(--sky); }
.bu .cp-h1 { max-width: 17ch; }
.bu-capabilities, .bu-flow, .bu-difference, .bu-team, .bu-close, .bu-other, .bu-list, .bu-research { padding-inline: var(--edge); }
.bu-capabilities { padding-block: 28px; border-bottom: 1px solid var(--line); }
.bu-capabilities > p { margin: 0 0 14px; font: 500 15px/1.5 var(--font); }
.bu-capabilities > div, .bu-flow nav, .bu-list nav { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.bu-capabilities a, .bu-flow nav a, .bu-list nav a { color: var(--navy); font: 500 14px/1.5 var(--font); text-underline-offset: 4px; text-decoration-color: var(--orange); }
.bu-flow { padding-block: clamp(48px,6vw,88px); scroll-margin-top: calc(var(--bar) + 20px); }
.bu-flow header { max-width: 750px; }
.bu-flow ol { list-style: none; padding: 0; margin: 36px 0 0; }
.bu-flow li { display: grid; grid-template-columns: 100px minmax(0,1.5fr) minmax(0,1fr); gap: 32px; padding: 34px 0; border-top: 1px solid var(--line); }
.bu-flow__phase span { display: block; font: 500 32px/1 var(--display); color: var(--orange-ink); }
.bu-flow__phase p { font: 500 14px/1.4 var(--font); }
.bu-flow__story h3 { margin: 0 0 14px; font: 600 clamp(24px,2.3vw,32px)/1.15 var(--display); letter-spacing: -.03em; }
.bu-flow__story > p, .bu-difference > p:not(.kicker), .bu-team dd, .bu-close p, .bu-research > p:not(.kicker) { font: 400 18px/1.6 var(--font); color: var(--body); max-width: 65ch; }
.bu-flow__story > p { margin: 0 0 20px; }
.bu-flow__result { align-self: start; padding: 24px; background: var(--sky); border-block: 1px solid var(--line); }
.bu-flow__result h4 { font: 500 13px/1.4 var(--font); margin: 0 0 12px; color: var(--orange-ink); }
.bu-flow__result p { font: 400 17px/1.5 var(--font); margin: 0; }
.bu-difference { padding-block: 48px; background: var(--sky); }
.bu-difference h2 { max-width: 23ch; }
.bu-team { padding-block: 64px; }
.bu-team dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin: 30px 0 0; }
.bu-team dl > div { border-top: 1px solid var(--line); padding-top: 20px; }
.bu-team dt { font: 600 23px/1.2 var(--display); }
.bu-team dd { margin: 14px 0 0; }
.bu-close { padding-block: 50px; background: var(--sky); }
.bu-other { padding-block: 36px; display: flex; flex-wrap: wrap; gap: 18px 30px; }
.bu-other > p { flex-basis: 100%; margin: 0; }
.bu--hub .cp-hub { padding-top: clamp(32px,3vw,44px); padding-bottom: 28px; }
.bu--hub .cp-hub .cp-h1 { font-size: clamp(38px,5.2vw,72px); max-width: 20ch; }
.bu--hub .cp-hub .cp-lead { max-width: 65ch; }
.bu-list article { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.06fr); align-items: center; gap: clamp(28px,4vw,64px); padding: clamp(36px,5vw,64px) 0; border-top: 1px solid var(--line); }
.bu-list__art { margin: 0; }
.bu-list__art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.bu-list__number { margin-right: 12px; font: 500 13px/1.4 var(--mono); color: var(--orange-ink); }
.bu-list__problem { color: var(--orange-ink); margin: 0 0 12px; font: 500 15px/1.5 var(--font); }
.bu-list h2 { font: 600 clamp(28px,3vw,40px)/1.1 var(--display); letter-spacing: -.035em; max-width: 27ch; margin: 0 0 18px; }
.bu-list h2 a { color: inherit; text-decoration: none; }
.bu-list h2 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.bu-list article > div > p:not(.bu-list__problem) { max-width: 65ch; font: 400 18px/1.55 var(--font); color: var(--body); }
.bu-list__explore { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; min-height: 44px; color: var(--navy); font: 500 16px/1.4 var(--font); text-decoration: underline; text-underline-offset: 5px; text-decoration-color: var(--orange); }
.bu-research { background: var(--sky); padding-block: 44px; margin-top: 30px; }
.uc-hub-cross { padding: 28px var(--edge) 50px; font: var(--t-body); }
@media(max-width:760px) {
 .bu-flow li { grid-template-columns: 48px minmax(0,1fr); gap: 16px; padding-block: 28px; }
 .bu-flow__result { grid-column: 2; padding: 18px; }
 .bu-flow__story > p, .bu-difference > p:not(.kicker), .bu-team dd { font-size: 16px; }
 .bu-flow__phase span { font-size: 25px; }
 .bu-flow__phase p { font-size: 12px; }
 .bu-team dl { grid-template-columns: 1fr; gap: 28px; }
 .bu-list article { grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 30px; }
 .bu-list__explore { margin-top: 16px; }
 .bu-list article > div > p:not(.bu-list__problem) { font-size: 16px; }
 .bu .cp-h1 { max-width: none; }
 .bu-other { flex-direction: column; align-items: flex-start; }
}
.bu-compare, .bu-cost { padding: clamp(40px,5vw,72px) var(--edge); }
.bu-compare header, .bu-cost header { max-width: 800px; }
.bu-compare header > p:not(.kicker), .bu-cost header > p:not(.kicker) { max-width: 65ch; font: 400 18px/1.55 var(--font); color: var(--body); }
.bu-compare__rows { margin-top: 32px; }
.bu-compare article { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(0,1fr) minmax(0,1fr); gap: 30px; padding-block: 30px; border-top: 1px solid var(--line); }
.bu-compare h3 { margin: 0; font: 600 clamp(23px,2vw,28px)/1.15 var(--display); letter-spacing: -.025em; }
.bu-compare h4 { margin: 0 0 12px; font: 500 14px/1.4 var(--font); color: var(--orange-ink); }
.bu-compare article p { margin: 0; font: 400 17px/1.55 var(--font); color: var(--body); }
.bu-cost { background: var(--sky); }
.bu-cost dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin: 32px 0; }
.bu-cost dl > div { padding-top: 20px; border-top: 1px solid var(--line); }
.bu-cost dt, .bu-cost h3 { font: 600 24px/1.2 var(--display); margin: 0; }
.bu-cost dd { margin: 12px 0 0; font: 400 17px/1.5 var(--font); color: var(--body); }
.bu-cost__ocally { padding-top: 30px; border-top: 1px solid var(--line); max-width: 70ch; }
.bu-cost__ocally p { font: 400 17px/1.55 var(--font); color: var(--body); }
@media(max-width:760px) {
 .bu-compare article, .bu-cost dl { grid-template-columns: 1fr; gap: 22px; }
 .bu-compare article p, .bu-cost dd, .bu-cost__ocally p { font-size: 16px; }
}

/* Buyer questions remain readable and present without an accordion or script. */
.bu-faq{padding:clamp(48px,7vw,96px) var(--edge);border-top:1px solid var(--line)}
.bu-faq h2{scroll-margin-top:calc(var(--bar) + 32px)}
.bu-faq>div{max-width:780px;margin-top:32px}
.bu-faq article+article{margin-top:32px}
.bu-faq h3{font-size:clamp(20px,2vw,25px);line-height:1.3;margin:0 0 12px}
.bu-faq article p{font-size:17px;line-height:1.65;margin:0}
