/* Product case studies: chapter labels + no orphan lines (matches the marketing story pages) */
.ps-label{display:block;font:600 12px/16px 'Manrope','Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#56657A;margin:0 0 -4px}
.ps-label--soft{color:#56657A}
body:has(.ps-label) h2.ty-stitle{text-wrap:balance}
body:has(.ps-label) section p{text-wrap:pretty}
.case-heading .ps-label{margin:0 0 14px}
/* Pointer: screens grouped by journey moment */
.pg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pg-card{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:16px;background:#fff;border:1px solid #E3E8EF}
.pg-text{display:flex;flex-direction:column;gap:8px}
.pg-kicker{font:600 12px/16px 'Manrope',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1E7A5A}
html.site-typography body .pg-card h3{margin:0;font-family:'Manrope',sans-serif;font-size:24px!important;line-height:1.2!important;font-weight:600;letter-spacing:-.015em;color:#17345C}
html.site-typography body .pg-card p{margin:0;font-family:'Manrope',sans-serif;font-size:15px!important;line-height:1.6!important;color:#4D5B70;text-wrap:pretty}
.pg-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pg-shot{display:block;padding:0;border:0;background:#EEF2F0;border-radius:14px;overflow:hidden;cursor:zoom-in;aspect-ratio:390/844;box-shadow:0 4px 14px rgba(23,52,92,.1);transition:transform .2s ease}
.pg-shot:hover{transform:translateY(-3px)}
.pg-shot:focus-visible{outline:3px solid #1E7A5A;outline-offset:3px}
.pg-shot img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:1023px){.pg-grid{grid-template-columns:1fr;max-width:640px;margin:0 auto}}
@media (max-width:767px){.pg-card{padding:20px;gap:16px}.pg-shots{gap:10px}}
/* Control Center: tabbed flow viewer */
.fv{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.fv-tabs{display:flex;flex-direction:column;gap:4px}
.fv-tab{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:6px;align-items:center;text-align:left;padding:14px 16px 14px 20px;border:1px solid transparent;border-radius:12px;background:none;cursor:pointer;font:inherit}
.fv-tab:hover{background:rgba(23,52,92,.04)}
.fv-tab.is-on{background:#fff;border-color:#E3E8EF;box-shadow:0 4px 14px rgba(23,52,92,.06)}
.fv-tab.is-on::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:#2F6FD6}
.fv-tab:focus-visible{outline:3px solid #2F6FD6;outline-offset:2px}
.fv-num{font:600 12px/1 'Manrope',sans-serif;letter-spacing:.12em;color:#56657A}
.fv-tab.is-on .fv-num{color:#2F6FD6}
.fv-name{font:500 16px/1.3 'Manrope',sans-serif;color:#56657A}
.fv-tab.is-on .fv-name{font-weight:600;color:#17345C}
.fv-desc{display:none;grid-column:1/-1;font:400 14px/1.55 'Manrope',sans-serif;color:#4D5B70;text-wrap:pretty}
.fv-tab.is-on .fv-desc{display:block}
.fv-panel{display:flex;flex-direction:column;gap:20px;min-width:0}
.fv-main{display:block;padding:0;border:0;background:#0F1420;border-radius:12px;overflow:hidden;cursor:zoom-in;aspect-ratio:1440/1024;box-shadow:0 10px 30px rgba(23,52,92,.14)}
.fv-main img{display:block;width:100%;height:100%;object-fit:cover}
.fv-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fv-steps.is-single{display:none}
.fv-steps button{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit}
.fv-thumb{display:block;aspect-ratio:1440/1024;border-radius:8px;overflow:hidden;background:#0F1420;outline:1px solid #E3E8EF;opacity:.75;transition:opacity .2s}
.fv-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.fv-steps li.is-on .fv-thumb{opacity:1;outline:2px solid #2F6FD6;outline-offset:2px}
.fv-cap{font:500 13px/1.35 'Manrope',sans-serif;color:#4D5B70}
.fv-cap b{font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#56657A;margin-right:6px}
.fv-steps li.is-on .fv-cap{color:#17345C}
.fv-steps li.is-on .fv-cap b{color:#2F6FD6}
@media (max-width:1023px){
  .fv{grid-template-columns:1fr;gap:24px}
  .fv-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .fv-tabs::-webkit-scrollbar{display:none}
  .fv-tab{flex:none;grid-template-columns:auto auto;padding:10px 14px;border-color:#E3E8EF;background:#fff}
  .fv-tab.is-on{border-color:#2F6FD6}
  .fv-tab.is-on::before,.fv-tab.is-on .fv-desc{display:none}
}
@media (max-width:767px){.fv-steps{grid-template-columns:repeat(2,1fr);gap:12px}}
.pg-grid--blue .pg-kicker{color:#2F6FD6}.pg-grid--blue .pg-shot{background:#0F1420}
.pg-grid--light .pg-shot{background:#F3F6FA}