/* Core operating paths stay visible; supplemental content uses native disclosures. */
body.ps-site [data-buyer-nav] > div { flex-wrap: wrap; overflow: visible; }
body.ps-site [data-buyer-nav] a { font-size: 14px; }
body.ps-site [data-buyer-nav] > div > a { display: inline-flex; align-items: center; min-height: 44px; }
body.ps-site [data-buyer-entry] :is(.be-buyer-section,.be-product-detail) {
  width: calc(100% - 2 * var(--ic-gutter));
  max-width: calc(var(--ic-page) - 2 * var(--ic-gutter));
  margin-inline: auto;
}
body.ps-site [data-buyer-entry] :is(.be-buyer-section,#product-demo,.be-how-to-use) { scroll-margin-top: 108px; }
body.ps-site [data-buyer-entry] .be-buyer-section { padding-block: var(--ic-space); }
body.ps-site [data-buyer-entry] .be-section-heading { max-width: 850px; margin-bottom: 32px; }
body.ps-site [data-buyer-entry] .be-section-heading h2 { margin: 0 0 18px; font-size: clamp(27px,3vw,40px); line-height: 1.2; text-wrap: balance; }
body.ps-site [data-buyer-entry] .be-section-heading p { margin: 0; font-size: clamp(16px,1.35vw,19px); line-height: 1.7; color: var(--ic-muted); }
body.ps-site [data-buyer-entry] .be-outcomes { padding: clamp(24px,3vw,40px); margin-top: 32px; background: var(--vi-mint); border-radius: 12px; }
body.ps-site [data-buyer-entry] .be-outcomes .be-section-heading { margin-bottom: 28px; }
body.ps-site [data-buyer-entry] .be-outcomes .be-section-heading h2 { margin-bottom: 0; }
body.ps-site [data-buyer-entry] .be-goals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 28px; padding: 0; margin: 0; list-style: none; }
body.ps-site [data-buyer-entry] .be-goals li { display: grid; grid-template-rows: subgrid; grid-row: span 4; min-width: 0; margin: 0; padding: 0; }
body.ps-site [data-buyer-entry] .be-goal-link { display: grid; grid-template-rows: subgrid; grid-row: span 4; min-width: 0; color: var(--vi-ink); text-decoration: none; }
body.ps-site [data-buyer-entry] .be-goal-image { display: block; width: 100%; aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; background: var(--vi-white); }
/* Navigation thumbnails share a frame; application pages retain the complete evidence image. */
body.ps-site [data-buyer-entry] .be-goal-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.ps-site [data-buyer-entry] .be-goal-link h3 { margin: 0; font-size: clamp(20px,1.8vw,26px); font-weight: 600; line-height: 1.3; text-wrap: balance; }
body.ps-site [data-buyer-entry] .be-goal-link p { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--ic-muted); text-wrap: pretty; }
body.ps-site [data-buyer-entry] .be-goal-action { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--vi-teal-ink); text-decoration: underline; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] .be-goal-action .ui-arrow { flex: 0 0 20px; width: 20px; height: 20px; }
body.ps-site [data-buyer-entry] .be-goal-link:hover h3 { color: var(--vi-teal-ink); text-decoration: underline; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] .be-goal-link:focus-visible { outline: 3px solid var(--vi-teal-ink); outline-offset: 6px; border-radius: 8px; }
body.ps-site [data-buyer-entry] .be-product-detail > .ic-workspace { width: 100%; max-width: none; margin-inline: 0; }
body.ps-site [data-buyer-entry] .be-product-detail > .ic-preserved { width: 100%; max-width: none; margin-inline: 0; margin-bottom: 20px; }
body.ps-site [data-buyer-entry] .be-disclosure { min-width: 0; }
body.ps-site [data-buyer-entry] .be-disclosure > summary { display: flex; align-items: center; gap: 14px; cursor: pointer; padding: 20px 0; list-style: none; font-weight: 600; font-size: 17px; line-height: 1.55; }
body.ps-site [data-buyer-entry] .be-disclosure > summary::-webkit-details-marker { display: none; }
body.ps-site [data-buyer-entry] .be-disclosure > summary::after { content: ''; flex: 0 0 9px; width: 9px; height: 9px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
body.ps-site [data-buyer-entry] .be-disclosure[open] > summary::after { transform: rotate(225deg); }
body.ps-site [data-buyer-entry] .be-disclosure > summary:focus-visible { outline: 2px solid var(--vi-teal-ink); outline-offset: 5px; border-radius: 3px; }
body.ps-site [data-buyer-entry] .be-app-directory > summary { display: inline-flex; width: fit-content; max-width: 100%; min-height: 52px; padding: 14px 20px; border: 1px solid var(--vi-ink); border-radius: 8px; color: var(--vi-ink); }
body.ps-site [data-buyer-entry] .be-app-directory > summary { background: var(--vi-ink); color: var(--vi-white); }
body.ps-site [data-buyer-entry] .be-app-directory > summary::after { content: none; }
body.ps-site [data-buyer-entry] .be-app-directory > summary:hover { border-color: var(--vi-teal-ink); background: var(--vi-teal-ink); color: var(--vi-white); }
body.ps-site [data-buyer-entry] .be-summary-open { display: none; }
body.ps-site [data-buyer-entry] details[open] > summary .be-summary-closed { display: none; }
body.ps-site [data-buyer-entry] details[open] > summary .be-summary-open { display: inline; }
body.ps-site [data-buyer-entry] summary > .ui-arrow { flex: 0 0 20px; width: 20px; height: 20px; }
body.ps-site [data-buyer-entry] details[open] > summary > .ui-arrow { transform: rotate(180deg); }
body.ps-site [data-buyer-entry] .be-how-to-use { margin: 32px 0; padding: clamp(24px,3vw,40px); background: var(--vi-white); border-radius: 12px; }
body.ps-site [data-buyer-entry] .be-operating-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
body.ps-site [data-buyer-entry] .be-operating-heading h2 { margin: 0; font-size: clamp(25px,2.6vw,34px); line-height: 1.25; text-wrap: balance; }
body.ps-site [data-buyer-entry] .be-walkthrough-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex: 0 0 auto; max-width: 100%; min-height: 48px; padding: 12px 18px; border: 1px solid var(--vi-ink); border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 1.5; text-decoration: none; color: var(--vi-ink); }
body.ps-site [data-buyer-entry] .be-walkthrough-link:hover { background: var(--vi-ink); color: var(--vi-white); }
body.ps-site [data-buyer-entry] .be-operating-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 32px; padding: 0; margin: 0; list-style: none; }
body.ps-site [data-buyer-entry] :is(.be-operating-steps li,.be-operating-link) { display: grid; grid-template-rows: subgrid; grid-row: span 5; min-width: 0; }
body.ps-site [data-buyer-entry] .be-operating-link { color: var(--vi-ink); text-decoration: none; }
body.ps-site [data-buyer-entry] .be-step-image { display: block; width: 100%; aspect-ratio: 3/2; }
body.ps-site [data-buyer-entry] .be-step-image img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; border-radius: 8px; }
body.ps-site [data-buyer-entry] .be-step-number { font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--vi-teal-ink); }
body.ps-site [data-buyer-entry] .be-operating-link h3 { margin: 0; font-size: clamp(20px,1.8vw,24px); line-height: 1.35; text-wrap: pretty; }
body.ps-site [data-buyer-entry] .be-operating-link p { margin: 0; font-size: 16px; line-height: 1.65; color: var(--ic-muted); }
body.ps-site [data-buyer-entry] .be-step-action { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--vi-teal-ink); text-decoration: underline; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] :is(.be-walkthrough-link,.be-step-action) .ui-arrow { flex: 0 0 20px; width: 20px; height: 20px; }
body.ps-site [data-buyer-entry] .be-operating-link:hover h3 { color: var(--vi-teal-ink); text-decoration: underline; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] :is(.be-operating-link,.be-walkthrough-link):focus-visible { outline: 3px solid var(--vi-teal-ink); outline-offset: 6px; border-radius: 8px; }
body.ps-site [data-buyer-entry] .be-usecases > .ps-showcase { width: 100%; max-width: none; margin: 0 0 28px; }
body.ps-site [data-buyer-entry] .be-usecases .ps-carousel-controls { flex-wrap: wrap; row-gap: 6px; }
body.ps-site [data-buyer-entry] .be-usecases .ps-carousel-controls > button { min-width: 44px; min-height: 44px; }
body.ps-site [data-buyer-entry] .be-usecases .ps-dots { flex-wrap: wrap; max-width: 100%; }
body.ps-site [data-buyer-entry] .be-usecases .ps-slides { display: grid; border: 0; border-radius: 0; background: transparent; }
body.ps-site [data-buyer-entry] .be-usecases [data-ps-slide] { grid-area: 1/1; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: 48px; align-items: start; }
/* Reuse the workspace's natural-height reservation for stable automatic rotation. */
body.ps-site [data-buyer-entry] .be-usecases [data-ps-slide][hidden] { display: grid!important; visibility: hidden; pointer-events: none; }
body.ps-site [data-buyer-entry] .be-usecases .ps-slides img { aspect-ratio: 16/9; max-height: none; height: auto; border-radius: 8px; object-fit: contain; background: var(--vi-white); }
body.ps-site [data-buyer-entry] .be-usecase-copy { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; padding: 0; background: transparent; border: 0; }
body.ps-site [data-buyer-entry] .be-usecase-copy h3 { margin: 0; font-size: clamp(24px,2.3vw,32px); line-height: 1.25; text-wrap: balance; color: var(--vi-ink); }
body.ps-site [data-buyer-entry] .be-usecase-copy p { margin: 0; font-size: 16px; line-height: 1.7; color: var(--ic-muted); }
body.ps-site [data-buyer-entry] :is(.be-case-action,.be-case-measure) > span { display: block; color: var(--vi-teal-ink); font-size: 14px; font-weight: 600; margin-bottom: 7px; }
body.ps-site [data-buyer-entry] .be-case-links { display: flex; flex-wrap: wrap; gap: 14px 24px; }
body.ps-site [data-buyer-entry] .be-case-links a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; font-size: 15px; line-height: 1.6; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] .be-text-link { display: inline-flex; gap: 10px; align-items: center; min-height: 44px; margin-top: 18px; font-size: 16px; font-weight: 600; line-height: 1.6; text-decoration: underline; text-underline-offset: 6px; color: var(--vi-teal-ink); }
body.ps-site [data-buyer-entry] .be-app-directory { margin-top: 30px; }
body.ps-site [data-buyer-entry] .be-app-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; padding: 24px 0 0; margin: 0; list-style: none; }
body.ps-site [data-buyer-entry] .be-app-grid li { display: flex; min-width: 0; margin: 0; padding: 0; }
body.ps-site [data-buyer-entry] .be-app-link { display: grid; grid-template-columns: 88px minmax(0,1fr) 20px; gap: 18px; align-items: center; width: 100%; min-height: 104px; padding: 14px; border-radius: 12px; background: var(--vi-white); color: var(--vi-ink); font-size: 17px; font-weight: 600; line-height: 1.5; text-decoration: none; }
body.ps-site [data-buyer-entry] .be-app-image { display: block; width: 88px; aspect-ratio: 4/3; overflow: hidden; border-radius: 7px; background: var(--vi-mint); }
body.ps-site [data-buyer-entry] .be-app-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.ps-site [data-buyer-entry] .be-app-title { min-width: 0; text-wrap: pretty; }
body.ps-site [data-buyer-entry] .be-app-link > .ui-arrow { width: 20px; height: 20px; color: var(--vi-teal-ink); }
body.ps-site [data-buyer-entry] .be-app-link:hover .be-app-title { color: var(--vi-teal-ink); text-decoration: underline; text-underline-offset: 5px; }
body.ps-site [data-buyer-entry] .be-app-link:focus-visible { outline: 3px solid var(--vi-teal-ink); outline-offset: 4px; }
body.ps-site [data-buyer-entry] .be-library-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 32px; margin-top: 24px; }
body.ps-site [data-buyer-entry] .be-library-actions .be-text-link { margin: 0; }
body.ps-site [data-buyer-entry] .be-usecases > .ps-case-links { width: 100%; max-width: none; margin: 30px 0 0; }
body.ps-site [data-buyer-entry] .be-implementation { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 70px; background: var(--vi-mint); border-radius: 8px; padding: clamp(24px,3vw,44px); margin-bottom: var(--ic-space); }
body.ps-site [data-buyer-entry] .be-implementation .be-section-heading { margin: 0; }
body.ps-site [data-buyer-entry] .be-faq-list > details + details { margin-top: 8px; }
body.ps-site [data-buyer-entry] .be-faq-list h3 { font-size: 18px; line-height: 1.5; font-weight: 600; margin: 0; }
body.ps-site [data-buyer-entry] .be-faq-list .industry-faq-answer { padding: 0 32px 20px 0; font-size: 16px; line-height: 1.75; color: var(--ic-muted); }
body.ps-site [data-buyer-entry] .be-faq-list .industry-faq-answer > :first-child { margin-top: 0; }
body.ps-site [data-buyer-entry] .be-faq-list .industry-faq-answer > :last-child { margin-bottom: 0; }
@media(max-width:1100px) {
 body.ps-site [data-buyer-entry] .be-usecases [data-ps-slide] { gap: 28px; }
 body.ps-site [data-buyer-entry] .be-implementation { gap: 36px; }
}
@media(max-width:900px) {
 body.ps-site [data-buyer-entry] .be-app-grid { grid-template-columns: minmax(0,1fr); }
 body.ps-site [data-buyer-entry] .be-operating-heading { flex-direction: column; align-items: flex-start; gap: 18px; }
 body.ps-site [data-buyer-entry] .be-usecases [data-ps-slide] { grid-template-columns: minmax(0,1fr); gap: 28px; }
 body.ps-site [data-buyer-entry] .be-goals { gap: 16px 22px; }
 body.ps-site [data-buyer-entry] .be-implementation { grid-template-columns: minmax(0,1fr); }
}
@media(max-width:600px) {
 body.ps-site [data-buyer-nav] > div { gap: 0 20px; }
 body.ps-site [data-buyer-entry] .be-goals { grid-template-columns: minmax(0,1fr); gap: 32px; }
 body.ps-site [data-buyer-entry] .be-goals li { display: block; }
 body.ps-site [data-buyer-entry] .be-goal-link { display: flex; flex-direction: column; gap: 14px; }
 body.ps-site [data-buyer-entry] .be-goal-link h3 { font-size: 22px; text-wrap: pretty; }
 body.ps-site [data-buyer-entry] .be-operating-steps { grid-template-columns: minmax(0,1fr); gap: 28px; }
 body.ps-site [data-buyer-entry] .be-operating-steps li { display: block; }
 body.ps-site [data-buyer-entry] .be-operating-link { display: flex; flex-direction: column; gap: 12px; }
 body.ps-site [data-buyer-entry] .be-app-grid { grid-template-columns: minmax(0,1fr); gap: 12px; }
 body.ps-site [data-buyer-entry] .be-app-link { grid-template-columns: 72px minmax(0,1fr) 20px; gap: 12px; padding: 12px; min-height: 92px; font-size: 16px; }
 body.ps-site [data-buyer-entry] .be-app-image { width: 72px; }
 body.ps-site [data-buyer-entry] .be-implementation { padding: 24px 20px; }
 body.ps-site [data-buyer-entry] .be-faq-list .industry-faq-answer { padding-right: 0; }
}
@supports not (grid-template-rows:subgrid) {
 body.ps-site [data-buyer-entry] :is(.be-operating-steps li,.be-operating-link) { display: flex; flex-direction: column; gap: 14px; }
 body.ps-site [data-buyer-entry] .be-operating-link { flex: 1; }
 body.ps-site [data-buyer-entry] .be-step-action { margin-top: auto; }
 body.ps-site [data-buyer-entry] .be-goals li,body.ps-site [data-buyer-entry] .be-goal-link { display: flex; flex-direction: column; gap: 16px; }
 body.ps-site [data-buyer-entry] .be-goal-link { flex: 1; }
 body.ps-site [data-buyer-entry] .be-goal-action { margin-top: auto; }
}
