/* Real client evidence. Only the six scoped app pages load this file. */
.app-clients{padding-top:8px}
.app-clients .sd{max-width:78ch}
.app-clients .app-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.app-client-grid .app-client-card{aspect-ratio:auto;min-width:0;margin:0;background:#fff;border:1px solid var(--hair);border-radius:18px;box-shadow:var(--sh);overflow:hidden}
.app-client-grid .app-client-wide{grid-column:1/-1}
.app-client-source{min-height:42px;display:flex;align-items:center;gap:9px;padding:10px 17px;background:#fff;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:11px;color:#585b65}
.app-source-dot{width:6px;height:6px;border-radius:50%;background:#999d9d;flex:0 0 auto}
.app-capture-type{margin-left:auto;color:#747781;font-size:10px}
.app-client-screen{overflow:hidden;background:#ecebe7;isolation:isolate}
.app-client-capture{display:block;width:100%;height:auto;overflow:hidden;transform-origin:50% 0;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.app-client-card:hover .app-client-capture{transform:scale(1.025)}
.app-client-caption{display:flex;align-items:flex-end;gap:24px;justify-content:space-between;padding:22px 24px}
.app-client-sector{font-family:var(--mono);font-size:10px;letter-spacing:.055em;text-transform:uppercase;color:#777b83}
.app-client-caption h3{margin-top:7px;font-size:23px;color:var(--ink)}
.app-client-caption p{margin-top:9px;max-width:68ch;color:var(--ink2);font-size:14px;line-height:1.55}
.app-client-caption a{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:10px 14px;background:var(--page);border-radius:9px;font-family:var(--med);font-size:12px}
.app-client-caption a:hover{background:var(--blue-soft);color:var(--blue2)}
.app-client-caption a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.app-clients-note{margin-top:17px;color:#777b83;font-size:12px;line-height:1.6}
.app-demo-tag{position:absolute;z-index:2;left:14px;bottom:14px;display:block;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.96);color:#333;font-family:var(--mono);font-size:10px;line-height:1.3;pointer-events:none}
.app-demo-inline{display:inline-block;margin-right:7px;padding:3px 5px;border:1px solid var(--hair);border-radius:4px;color:#555;font-family:var(--mono);font-size:9px;vertical-align:1px}
@media(max-width:820px){
 .app-clients .app-client-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .app-client-grid .app-client-wide{grid-column:auto}
 .app-client-caption{padding:19px;gap:14px;flex-wrap:wrap}
 .app-client-caption h3{font-size:22px}
 .app-client-caption p{font-size:14px}
 .app-client-source{padding:10px 12px;font-size:10px;gap:6px}
 .app-capture-type{font-size:9px}
 .app-clients-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.app-client-capture{transition:none!important}.app-client-card:hover .app-client-capture{transform:none!important}}