/* Product walkthrough, based on the StreamSight application components. */
.platform-showcase{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;align-items:start}
.platform-features{display:flex;flex-direction:column;gap:12px}
.platform-feature{display:block;width:100%;text-align:left;padding:23px;border:1px solid #344657;border-radius:12px;background:#172735;color:#d9e3eb;transition:background .18s,border-color .18s}
.platform-feature:hover{background:#1d3243;border-color:#6088a1}
.platform-feature[aria-selected=true]{background:#203a4d;border-color:#70c8ee;box-shadow:inset 3px 0 #70c8ee}
.platform-feature-label{display:flex;gap:10px;align-items:center;color:#9fb9cd;font:10px/1.5 monospace;letter-spacing:.08em}
.platform-feature-label>span{color:#73c9ee}
.platform-feature>strong{display:block;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:13px 0 10px;color:#fff}
.platform-feature:not([aria-selected=true]) .platform-feature-description{display:none}
.platform-feature-description{display:block;font-size:13px;line-height:1.7;color:#b7cbd8}
.platform-feature-link{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;color:#8ed8f6}
.platform-feature:not([aria-selected=true]) .platform-feature-link{color:#a3bac9}
.product-preview{min-width:0;border:1px solid #5c7486;border-radius:14px;overflow:hidden;box-shadow:0 28px 75px #020c1655;background:#f6f8fc;color:#20242a}
.product-window-bar{height:38px;padding:0 17px;display:flex;align-items:center;gap:16px;background:#e9eff5;border-bottom:1px solid #dce4ed;color:#6c7a8b;font-size:11px}
.product-window-bar>span:last-child{margin-left:auto;font:8px/1.3 monospace;letter-spacing:.1em}
.product-window-dots{display:flex;gap:5px}.product-window-dots i{height:6px;width:6px;border-radius:50%;background:#b2bfcb}
.product-shell{display:grid;grid-template-columns:145px minmax(0,1fr)}
.product-sidebar{background:#fff;border-right:1px solid #e7ecf2;display:flex;flex-direction:column;padding:25px 0 17px;min-width:0}
.product-sidebar>img{width:116px;height:auto;margin:0 auto 31px}
.pv-sidebar-group{font:9px/1.5 monospace;letter-spacing:.1em;color:#94a0b0;margin:0 17px 12px}
.product-sidebar nav{display:flex;flex-direction:column;gap:5px}
.product-sidebar nav button{display:flex;align-items:center;gap:9px;width:100%;padding:13px 12px;border:0;border-left:3px solid transparent;background:transparent;color:#647285;text-align:left;font-size:10px;line-height:1.5}
.product-sidebar nav svg{width:17px;height:17px;flex-shrink:0}
.product-sidebar nav button[aria-pressed=true]{color:#1682d4;background:#edf6ff;border-left-color:#2b8ce5;font-weight:700}
.product-sidebar nav button:hover{background:#f1f6fc}
.pv-sidebar-foot{display:flex;align-items:center;gap:7px;padding:25px 11px 0;margin-top:auto;font-size:10px}
.pv-sidebar-foot>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaf4fe;color:#1682d4;font-size:9px;flex-shrink:0}
.pv-sidebar-foot strong,.pv-sidebar-foot small{display:block;font-size:9px;white-space:nowrap}.pv-sidebar-foot small{color:#8290a0;margin-top:1px}
.product-content{min-width:0}.product-panel{padding:23px;min-height:648px}.product-panel[hidden]{display:none}
.pv-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}
.pv-eyebrow{display:block;color:#8290a0;font:8px/1.5 monospace;letter-spacing:.12em;margin-bottom:4px}
.pv-heading h3{font-size:23px;line-height:1.25;letter-spacing:-.65px;margin:0 0 6px;font-weight:750;color:#20242a}
.pv-heading p{font-size:11px;color:#7c8798;line-height:1.55;margin:0}
.pv-workspace-label{font-size:9px;white-space:nowrap;color:#708094;padding-top:23px}
.pv-period{display:flex;align-items:center;gap:5px;margin-bottom:15px}
.pv-period button{padding:6px 10px;border:1px solid #dce4ed;border-radius:5px;background:#fff;color:#768397;font-size:10px}
.pv-period button[aria-pressed=true]{border-color:#a5cdf1;color:#1682d4;background:#eaf4ff}
.pv-period>span{margin-left:auto;font-size:9px;color:#8491a1}
.pv-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:0 9px;margin-bottom:13px}
.pv-metric{display:grid;grid-row:span 3;grid-template-rows:subgrid;padding:13px 12px;border:1px solid #e1e6ee;border-radius:8px;background:#fff;min-width:0}
.pv-metric>span{display:block;font-size:10px;line-height:1.4;color:#758095}.pv-metric>strong{display:block;margin:8px 0 4px;font-size:26px;line-height:1.1;letter-spacing:-.7px;color:#20242a}
.pv-metric>small{font-size:8px;color:#8692a1;display:block;line-height:1.5}.pv-metric.red>strong{color:#ce5061}.pv-metric.amber>strong{color:#bd850c}
.pv-surface{background:#fff;border:1px solid #e1e6ee;border-radius:8px;padding:14px;margin-bottom:13px}
.pv-surface-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pv-surface h4,.pv-evidence h4{font-size:12px;font-weight:700;line-height:1.4;margin:0;color:#283346}
.pv-surface-heading p{font-size:9px;line-height:1.4;margin:3px 0 0;color:#8994a3}
.pv-chart svg{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}
.pv-chart-legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#7d8a9b;white-space:nowrap}.pv-chart-legend i{width:5px;height:5px;border-radius:50%;background:#1682d4}
.pv-readings{margin-bottom:0}.pv-surface-heading button,.pv-evidence-bottom button{padding:0;border:0;background:transparent;color:#1682d4;font-size:9px;font-weight:600}
.pv-reading{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center;padding:10px 0 0;margin-top:10px;border-top:1px solid #edf0f5;font-size:10px}
.pv-reading strong{font-size:10px;font-weight:600}.pv-reading small{color:#96a0ae;font-size:8px;margin-left:5px}.pv-reading-head{color:#8e99a8;font-size:8px;margin-top:12px;padding-top:8px}.pv-reading .pv-pill{justify-self:start}
.pv-pill{display:inline-block;padding:4px 7px;border-radius:5px;font-size:9px;font-weight:600;line-height:1.2;white-space:nowrap;width:max-content}
.pv-pill.good{background:#e5f5ec;color:#258452}.pv-pill.over{background:#fce9ed;color:#c94c66}.pv-pill.under{background:#fff3d9;color:#ad7a00}
.pv-vault{display:grid;grid-template-columns:135px minmax(0,1fr);gap:12px;margin-top:25px}
.pv-list-title{display:flex;justify-content:space-between;font-size:10px;color:#798799;padding:0 2px 12px}.pv-list-title>span{color:#a0a9b6}
.pv-incident-list{min-width:0}.pv-incident-row{display:block;width:100%;text-align:left;margin-bottom:10px;padding:13px;border:1px solid #e0e6ee;border-radius:8px;background:#fff;color:#283346}
.pv-incident-row[aria-pressed=true]{border-color:#8dc1ee;box-shadow:0 0 0 1px #8dc1ee;background:#f5faff}
.pv-incident-row-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.pv-incident-row-top strong{font-size:11px}.pv-incident-row-top small{font-size:8px;color:#8b96a5}
.pv-incident-weight{display:block;font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:9px 0}.pv-incident-weight small{font-size:10px;color:#8895a5}
.pv-evidence{background:#fff;border:1px solid #dfe6ef;border-radius:9px;overflow:hidden;min-width:0;align-self:start}
.pv-evidence-title{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:15px}.pv-evidence-title p{font-size:9px;color:#8a96a5;line-height:1.5;margin:3px 0 0}
.pv-evidence-media{height:197px;background:#132736}.pv-evidence-media img{display:block;width:100%;height:100%;object-fit:cover}
.pv-evidence-metadata{padding:16px 14px;display:grid;grid-template-columns:1fr;gap:15px;border-bottom:1px solid #edf0f4}
.pv-evidence-metadata span{display:block;color:#8a96a5;font-size:9px;margin-bottom:5px}.pv-evidence-metadata strong{display:block;font-size:17px;line-height:1.3;color:#263548}.pv-evidence-metadata small{font-size:10px;color:#8a96a5;font-weight:400}
.pv-evidence-finding{display:flex;gap:7px;align-items:start;margin:15px 14px}.pv-evidence-finding p{font-size:10px;line-height:1.7;margin:0;color:#6c7b8c}.pv-finding-dot{height:6px;width:6px;flex-shrink:0;margin-top:5px;border-radius:50%;background:#ce5061}.pv-finding-dot.under{background:#bd850c}.pv-finding-dot.good{background:#258452}
.pv-evidence-bottom{padding:12px 14px;background:#f8fafc;display:flex;justify-content:space-between;gap:10px;align-items:center}.pv-evidence-bottom>span{font-size:8px;color:#8c98a6}
.pv-report{padding:22px;background:#fff;border:1px solid #dfe6ef;border-radius:9px;box-shadow:0 5px 20px #20344f05;color:#183653}
.pv-report-masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf1;padding-bottom:14px;gap:10px}.pv-report-masthead>strong{font-size:15px;letter-spacing:-.5px}.pv-report-masthead b{font-weight:500;color:#1682d4}.pv-report-masthead>span{font-size:7px;letter-spacing:.15em;color:#8294a9}
.pv-report-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:10px}.pv-report-hero div>span{font-size:8px;color:#1682d4;letter-spacing:.11em}.pv-report-hero h4{font-size:24px;line-height:1.17;letter-spacing:-.8px;margin:9px 0 0;font-weight:750}
.pv-report-count{text-align:right;flex-shrink:0}.pv-report-count>strong{display:block;font-size:32px;line-height:1.2;font-weight:500}.pv-report-count>span{font-size:8px!important;letter-spacing:0!important;color:#7a8b9e!important}
.pv-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px}.pv-report-kpis>div{background:#f1f6fc;padding:13px 10px;border-radius:5px}.pv-report-kpis span{display:block;font-size:7px;letter-spacing:.04em;color:#7e91a6;line-height:1.5}.pv-report-kpis strong{display:block;font-size:22px;line-height:1.1;margin-top:9px;letter-spacing:-.5px;font-weight:600}
.pv-report-section-title{font-size:8px;font-weight:700;letter-spacing:.1em;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.pv-report-section-title>span{font-size:8px;color:#8695a7;font-weight:400;letter-spacing:0}
.pv-report-event{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;padding:15px 0;border-top:1px solid #e9edf3}.pv-report-event>span:first-child{font-size:10px;color:#1682d4}.pv-report-event strong{font-size:11px;display:block;line-height:1.4}.pv-report-event p{font-size:10px;line-height:1.6;color:#8290a2;margin:5px 0 0}.pv-report-event>.pv-pill{grid-column:2;font-size:8px}
.pv-report-end{border-top:1px solid #e9edf3;margin-top:10px;padding-top:15px;display:flex;justify-content:space-between;font-size:8px;color:#8c9aaa;gap:12px}
@media(min-width:1350px){.platform-showcase{grid-template-columns:300px minmax(0,1fr)}.pv-evidence-metadata{grid-template-columns:1fr 1fr}.product-shell{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:1100px){.platform-showcase{grid-template-columns:240px minmax(0,1fr);gap:18px}.platform-feature{padding:18px}.platform-feature>strong{font-size:20px}.platform-feature-description{font-size:12px}.product-shell{grid-template-columns:1fr}.product-sidebar{display:none}.product-panel{padding:20px}.pv-workspace-label{display:none}}
@media(max-width:850px){.platform-showcase{grid-template-columns:1fr;gap:20px}.platform-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.platform-feature{padding:17px}.platform-feature>strong{font-size:18px;margin-bottom:0}.platform-feature-description,.platform-feature-link{display:none}.platform-feature-label{font-size:8px}.product-shell{grid-template-columns:145px minmax(0,1fr)}.product-sidebar{display:flex}.product-panel{min-height:648px}}
@media(max-width:600px){.platform-features{gap:7px}.platform-feature{padding:13px 10px}.platform-feature-label{font-size:8px;line-height:1.4;gap:5px;align-items:start}.platform-feature-label>span{display:none}.platform-feature>strong{font-size:14px;line-height:1.3;margin-top:9px;letter-spacing:-.2px}.product-shell{grid-template-columns:1fr}.product-sidebar{display:none}.product-panel{padding:16px;min-height:620px}.product-window-bar{padding:0 12px;gap:9px;font-size:9px}.product-window-bar>span:last-child{font-size:7px;letter-spacing:0}.pv-heading h3{font-size:22px}.pv-heading p{font-size:10px}.pv-metric{padding:11px 9px}.pv-metric>span{font-size:9px}.pv-metric>strong{font-size:23px}.pv-metric>small{font-size:8px}.pv-surface{padding:12px}.pv-chart svg{min-height:115px}.pv-chart-legend{font-size:7px}.pv-readings .pv-surface-heading button{font-size:8px}.pv-reading{grid-template-columns:1fr .85fr 1fr;font-size:9px;gap:5px}.pv-reading strong{font-size:9px}.pv-reading small{display:block;margin:1px 0 0}.pv-pill{font-size:8px;padding:4px 5px}.pv-vault{grid-template-columns:1fr;margin-top:20px}.pv-incident-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pv-list-title{grid-column:1/-1;padding-bottom:0}.pv-incident-row{padding:9px;margin:0}.pv-incident-row-top{display:block}.pv-incident-row-top strong{font-size:10px}.pv-incident-row-top small{display:none}.pv-incident-weight{font-size:18px;margin:6px 0}.pv-incident-weight small{font-size:8px}.pv-incident-row .pv-pill{font-size:7px;padding:3px 4px}.pv-evidence-media{height:180px}.pv-evidence-metadata{grid-template-columns:1fr 1fr;gap:12px}.pv-evidence-metadata strong{font-size:14px}.pv-evidence-metadata span{font-size:8px}.pv-report{padding:16px}.pv-report-hero h4{font-size:21px}.pv-report-count>strong{font-size:27px}.pv-report-count>span{font-size:7px!important}.pv-report-hero div>span{font-size:7px}.pv-report-masthead>span{font-size:6px}.pv-report-kpis span{font-size:6px}.pv-report-kpis>div{padding:11px 8px}.pv-report-kpis strong{font-size:21px}.pv-report-end{font-size:7px}}