/* Actual application screenshots. Tabs and enlargement use shared site behavior. */
.home-kpi-section {border-block:1px solid var(--line);background:#081422}
.home-kpi-section .preview-tabs {margin-bottom:24px}
.kpi-capture-panel {min-width:0}
.kpi-capture-panel .software-frame {width:100%;margin:0}
.kpi-capture-panel .screen-zoom {width:100%}
.kpi-capture-panel .screen-zoom img {display:block;width:100%;height:auto}
.kpi-fullsize {display:inline-flex;margin-top:14px;font-size:12px}
.kpi-capture-explanation {display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-top:25px;align-items:start;min-height:100px}
.kpi-capture-explanation h3 {font-size:23px;line-height:1.3;letter-spacing:-.025em;margin:0}
.kpi-capture-explanation p {margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.kpi-capture-footer {display:flex;align-items:center;gap:45px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}
.kpi-capture-footer p {margin:0;max-width:730px;color:var(--muted);font-size:12px;line-height:1.8}
.kpi-capture-footer strong {font-weight:600;color:var(--ink)}
.kpi-capture-footer .link {flex-shrink:0;font-size:13px}
.kpi-slideshow-controls {display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.kpi-slideshow-controls button {min-height:44px;min-width:44px;padding:10px 15px;background:transparent;border:1px solid var(--line);font-size:12px}
.kpi-slideshow-controls button:hover {border-color:var(--orange2);color:var(--orange2)}
.kpi-slideshow-controls [data-kpi-position] {font-size:12px;color:var(--orange2);font-variant-numeric:tabular-nums;margin-left:8px}
.kpi-slideshow-controls [data-kpi-status] {font-size:11px;color:var(--muted);min-width:165px}
@media(max-width:760px) {
  .kpi-capture-explanation {grid-template-columns:1fr;gap:12px;margin-top:20px;min-height:215px;align-content:start}
  .kpi-capture-explanation h3 {font-size:21px}
  .kpi-capture-footer {align-items:start;flex-direction:column;gap:16px}
  .home-kpi-section .frame-bar {gap:12px;font-size:10px}
  .home-kpi-section .preview-tabs button {font-size:12px;min-height:44px}
  .kpi-slideshow-controls [data-kpi-status] {flex-basis:100%;text-align:center}
}