.product-demos{--font-ui:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-report:"Fraunces", Georgia, "Times New Roman", serif;--navy:#1b2432;--accent:#1b2432;--success:#147d6f;--warning:#e39612;--danger:#c8372d;--text:#1b2432;--text-muted:#4f5966;--border:#ddd7cc;--white:#fff;--radius:8px;--radius-sm:6px}.demo-grid{grid-template-columns:repeat(3,1fr);gap:1.375rem;display:grid}@media (width<=960px){.demo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.demo-grid{grid-template-columns:1fr}}.demo-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #ddd7cc;border-radius:8px;flex-direction:column;width:100%;padding:0;transition:border-color .2s;display:flex;overflow:hidden}.demo-card:hover,.demo-card:focus-visible{border-color:#1b2432}.demo-card:focus-visible{outline-offset:3px;outline:2px solid #e39612}.demo-card__thumb-wrap{background:#f1eee8;border-bottom:1px solid #ddd7cc;padding:1rem 1rem 0;position:relative}.demo-thumb__frame{background:#fff;border:1px solid #ddd7cc;border-bottom:none;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;min-height:180px;max-height:200px;padding:.75rem;display:flex;position:relative;overflow:hidden}.demo-card__copy{flex-direction:column;flex-grow:1;padding:1rem 1.125rem 1.125rem;display:flex}.demo-card__tag{letter-spacing:.1em;text-transform:uppercase;color:#7a8290;margin:0 0 .3125rem;font-family:IBM Plex Mono,monospace;font-size:.6875rem;font-weight:500}.demo-card__title{color:#1b2432;margin:0 0 .375rem;font-size:1.1875rem;font-weight:600;line-height:1.3}.demo-card__desc{color:#4f5966;flex-grow:1;margin:0 0 1rem;font-size:.875rem;line-height:1.55}.demo-card__cta{color:#1b2432;border:1px solid #1b2432;border-radius:6px;align-self:flex-start;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.demo-card:hover .demo-card__cta,.demo-card:focus-visible .demo-card__cta{color:#faf8f4;background:#1b2432}.preview-artifact{width:100%;font-family:var(--font-ui);color:var(--text);text-align:left;font-size:.6875rem}.preview-artifact__header{border-bottom:1.5px solid var(--navy);justify-content:space-between;align-items:center;margin-bottom:.6875rem;padding-bottom:.5625rem;display:flex}.preview-artifact__brand{letter-spacing:.1em;color:var(--navy);font-size:.8125rem;font-weight:800}.preview-artifact__id{color:var(--text-muted);font-size:.5625rem;font-weight:600}.preview-artifact__sev{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-top:.25rem;padding:.1875rem .5rem;font-size:.53125rem;font-weight:700;display:inline-block}.preview-artifact__sev--medium{color:#b9770e;background:#fef5e7}.preview-artifact__sev--ok{color:#1e8449;background:#27ae601a;border:1px solid #27ae604d}.preview-artifact__title{font-family:var(--font-report);color:var(--navy);margin:.375rem 0 .125rem;font-size:1.0625rem;font-weight:700;line-height:1.2}.preview-artifact__sub{color:var(--text-muted);margin:0;font-size:.59375rem}.preview-artifact__stats{background:#f9fafd;border:1px solid #eef1f7;border-radius:.5rem;grid-template-columns:repeat(3,1fr);gap:.625rem;margin-top:.75rem;padding:.625rem;display:grid}.preview-artifact__stats--tiles{background:0 0;border:none;gap:.5rem;padding:0}.preview-artifact__stats--tiles>div{background:#f9fafd;border:1px solid #eef1f7;border-radius:.5rem;padding:.625rem}.preview-artifact__stats--stack{background:0 0;border:none;flex-direction:column;gap:.375rem;padding:0;display:flex}.preview-artifact__stat-lbl{letter-spacing:.04em;text-transform:uppercase;color:#9aa3b5;font-size:.53125rem;font-weight:700;display:block}.preview-artifact__stat-val{color:var(--navy);letter-spacing:-.03em;margin-top:.125rem;font-size:1.125rem;font-weight:800;display:block}.preview-artifact__stat-val--ok{color:#1e8449}.preview-artifact__imm{background:#27ae6014;border:1px solid #27ae6040;border-radius:.5625rem;align-items:flex-start;gap:.5625rem;margin-top:.6875rem;padding:.625rem;display:flex}.preview-artifact__imm-icon{background:var(--success);border-radius:.4375rem;flex-shrink:0;place-items:center;width:1.625rem;height:1.625rem;display:grid}.preview-artifact__imm strong{color:var(--navy);font-size:.6875rem;font-weight:700;display:block}.preview-artifact__hash{color:var(--text-muted);margin-top:.125rem;font-family:ui-monospace,Menlo,monospace;font-size:.5625rem;display:block}.preview-artifact__bars{border-top:1px solid #eef1f7;align-items:flex-end;gap:.375rem;height:2.875rem;margin-top:.8125rem;padding-top:.5rem;display:flex}.preview-artifact__bar{border-radius:.25rem .25rem .125rem .125rem;flex:1;min-height:.25rem}.preview-artifact__compliance-row{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.preview-artifact__grade{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:3rem;height:3rem;font-size:1.125rem;font-weight:800;display:grid}.preview-artifact__pie{background:conic-gradient(#c8372d 0 30%, #f5a623 30% 55%, #147d6f 55% 100%);border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem}.preview-artifact--cert .preview-artifact__cert-body{text-align:center;flex-direction:column;align-items:center;padding:.875rem 0 .375rem;display:flex}.preview-artifact__cert-lock{background:#147d6f;border-radius:.8125rem;place-items:center;width:3rem;height:3rem;margin-bottom:.6875rem;display:grid;box-shadow:0 8px 22px #27ae6066}.preview-artifact__hash-block{color:var(--text-muted);word-break:break-all;background:#f9fafd;border:1px solid #eef1f7;border-radius:.5rem;margin-top:.625rem;padding:.625rem;font-family:ui-monospace,Menlo,monospace;font-size:.59375rem;line-height:1.5}.preview-notify{text-align:center;width:100%}.preview-notify__channels{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.625rem;display:flex}.preview-notify__channels span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);border-radius:4px;padding:.125rem .375rem;font-size:.5625rem;font-weight:600}.preview-immutable{width:100%;font-family:var(--font-ui);font-size:.625rem}.preview-immutable__flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin-bottom:.75rem;display:flex}.preview-immutable__flow span:not(.preview-immutable__arrow){border:1px solid var(--border);color:var(--navy);background:#f0f2f8;border-radius:4px;padding:.25rem .375rem;font-weight:600}.preview-immutable__arrow{color:var(--accent);font-weight:700}.preview-immutable__lock{background:#27ae6014;border-radius:6px;align-items:flex-start;gap:.5rem;margin-bottom:.625rem;padding:.5rem;display:flex}.preview-immutable__lock strong{color:var(--success);font-size:.6875rem;display:block}.preview-immutable__lock p{color:var(--text-muted);margin:.125rem 0 0;font-size:.5625rem}.preview-immutable__badges{flex-wrap:wrap;gap:.375rem;display:flex}.preview-immutable__badges span{border:1px solid var(--border);color:var(--navy);border-radius:4px;padding:.2rem .4rem;font-size:.5625rem;font-weight:600}.demo-modal{background:#1b2432b3;border:none;width:100%;max-width:none;height:100%;max-height:none;padding:0}.demo-modal::backdrop{background:0 0}.demo-modal__panel{background:#faf8f4;border:1px solid #364354;border-radius:8px;flex-direction:column;width:calc(100% - 2rem);max-width:42.5rem;max-height:min(90vh,900px);margin:5vh auto;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}.demo-modal__header{z-index:2;background:#0e1520;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.375rem;display:flex;position:sticky;top:0}.demo-modal__title{color:#fff;font-size:.9375rem;font-weight:600;font-family:var(--font-ui);letter-spacing:.0125em;margin:0}.demo-modal__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.125rem;height:2.125rem;transition:background .15s;display:flex}.demo-modal__close:hover{color:#fff;background:#fff3}.demo-modal__body{color:var(--text);font-family:var(--font-ui);flex:1;padding:1.25rem 1.5rem;font-size:16px;line-height:1.6;overflow-y:auto}.demo-content .report{max-width:none;box-shadow:none;background:0 0;border:none;margin:0;padding:0}.demo-content .channels{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}:is(.demo-content,.preview-notify) .device{background:#111;border-radius:2rem;max-width:280px;margin:0 auto;padding:.75rem;box-shadow:0 12px 28px #0003}:is(.demo-content,.preview-notify) .device--compact{max-width:200px}:is(.demo-content,.preview-notify) .device-notch{background:#333;border-radius:3px;width:72px;height:5px;margin:0 auto .5rem}:is(.demo-content,.preview-notify) .device-screen{background:var(--white);border-radius:1.25rem;min-height:340px;font-size:.8125rem;overflow:hidden}:is(.demo-content,.preview-notify) .device-screen--compact{min-height:260px}:is(.demo-content,.preview-notify) .wa-header{color:#fff;background:#075e54;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}:is(.demo-content,.preview-notify) .wa-avatar{background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}:is(.demo-content,.preview-notify) .wa-body{background:#e5ddd5;min-height:280px;padding:1rem}:is(.demo-content,.preview-notify) .wa-body--compact{min-height:200px}:is(.demo-content,.preview-notify) .wa-bubble{background:#fff;border-radius:8px;max-width:90%;margin-bottom:.5rem;padding:.5rem .75rem;box-shadow:0 1px 1px #00000014}:is(.demo-content,.preview-notify) .wa-time{color:#999;text-align:right;margin-top:.25rem;font-size:.625rem}.demo-content .email-header{background:#f4f4f4;border-bottom:1px solid #ddd;padding:.75rem 1rem;font-size:.75rem}.demo-content .email-subject{margin-top:.5rem;font-size:.875rem;font-weight:700}.demo-content .email-body{padding:1rem;line-height:1.5}.demo-content .sev-high{color:#c8372d;font-weight:700}.demo-content .tg-header{color:#fff;background:#2481cc;padding:.75rem 1rem}.demo-content .tg-body{background:#fff;padding:1rem}.demo-content .tg-bubble{background:#eeffde;border-radius:12px;margin-bottom:.75rem;padding:.625rem .875rem}.demo-content .tg-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.demo-content .tg-btn{color:#2481cc;border:1px solid #2481cc;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.demo-content .sms-body{background:#f2f2f7;min-height:300px;padding:1rem}.demo-content .sms-bubble{background:#e9e9eb;border-radius:18px;max-width:85%;margin-bottom:.5rem;padding:.625rem .875rem}.demo-content .channel-label{text-align:center;color:var(--navy);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.demo-content .settings-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1.25rem}.demo-content .settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.demo-content .setting-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafbfc;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}.demo-content .toggle{background:var(--success);border-radius:11px;flex-shrink:0;width:40px;height:22px;position:relative}.demo-content .toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:3px;right:3px}.demo-content .toggle.off{background:#ccc}.demo-content .toggle.off:after{left:3px;right:auto}.demo-content .scenario{border-left:3px solid var(--accent);background:var(--white);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:.75rem;padding:1rem}.demo-content .scenario h4{color:var(--navy);margin:0 0 .375rem;font-size:.9375rem}.demo-content .scenario p{color:var(--text-muted);margin:0;font-size:.875rem}.demo-content .flow-diagram{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.demo-content .flow-step{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;min-width:100px;padding:.75rem;font-size:.8125rem;font-weight:600}.demo-content .flow-arrow{color:var(--accent);font-weight:700}.demo-content .compliance-badges{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.demo-content .compliance-badge{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);color:var(--navy);padding:.4rem .75rem;font-size:.75rem;font-weight:600}.demo-content .report-header{border-bottom:2px solid var(--navy);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.demo-content .report-header__logo{color:var(--navy);font-size:1.125rem;font-weight:800}.demo-content .report-header__meta{text-align:right;color:var(--text-muted);font-size:.75rem;line-height:1.5}.demo-content .report-title{color:var(--navy);font-size:1.25rem;font-weight:700;font-family:var(--font-report);margin:0 0 .25rem}.demo-content .report-subtitle{color:var(--text-muted);margin:0 0 1.25rem;font-size:.8125rem}.demo-content,.preview-artifact{font-variation-settings:"opsz" 14, "SOFT" 0, "WONK" 0}.demo-content .report-section{margin-bottom:1.25rem}.demo-content .report-section h2{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 .5rem;font-size:.625rem;font-weight:700}.demo-content .report-grid{font-size:.875rem;font-family:var(--font-report);grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;display:grid}.demo-content .report-grid dt{color:var(--text-muted);margin:0;font-size:.6875rem}.demo-content .report-grid dd{margin:0;font-weight:600}.demo-content .severity-high{color:var(--danger)}.demo-content .severity-medium{color:var(--warning)}.demo-content .severity-low{color:var(--success)}.demo-content .evidence-box{border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);background:#fafbfc;padding:1.5rem;font-size:.8125rem}.demo-content .immutability-strip{border-radius:var(--radius-sm);background:#27ae6014;border:1px solid #27ae6040;align-items:flex-start;gap:.625rem;margin-top:.75rem;margin-bottom:1.5rem;padding:.75rem;font-size:.75rem;display:flex}.demo-content .immutability-strip strong{color:var(--success)}.demo-content .hash-preview{word-break:break-all;color:var(--text-muted);margin-top:.25rem;font-family:ui-monospace,Menlo,monospace;font-size:.625rem}.demo-content .actions-list{margin:0;padding:0;font-size:.8125rem;list-style:none}.demo-content .actions-list li{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.demo-content .actions-list li:before{content:"✓";color:var(--success);font-weight:700}.demo-content .signoff{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.8125rem;display:grid}.demo-content .signoff-line{border-bottom:1px solid #333;height:1.5rem;margin-top:1.5rem}.demo-content .report-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:1.5rem;padding-top:.75rem;font-size:.625rem}.demo-content .stat-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.demo-content .stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:var(--white);padding:.75rem}.demo-content .stat-card__value{color:var(--navy);font-size:1.25rem;font-weight:700}.demo-content .stat-card__label{color:var(--text-muted);text-transform:uppercase;font-size:.625rem}.demo-content .stat-card__delta{margin-top:.125rem;font-size:.6875rem}.demo-content .delta-down{color:var(--success)}.demo-content .timeline{border-radius:var(--radius-sm);background:#eef1f6;height:40px;margin:.75rem 0 .375rem;position:relative;overflow:hidden}.demo-content .timeline-bar{border-radius:3px;min-width:3px;height:28px;position:absolute;top:6px}.demo-content .timeline-labels{color:var(--text-muted);justify-content:space-between;font-size:.625rem;display:flex}.demo-content .report-table{border-collapse:collapse;width:100%;font-size:.75rem}.demo-content .report-table th,.demo-content .report-table td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}.demo-content .report-table th{text-transform:uppercase;color:var(--text-muted);font-size:.625rem}.demo-content .insight-box{border-left:3px solid var(--accent);background:#4a6cf70f;margin:.75rem 0;padding:.75rem;font-size:.8125rem}.demo-content .two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.demo-content .grade-badge{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.75rem;font-weight:800;display:inline-flex}.demo-content .pie-chart{border-radius:50%;width:120px;height:120px;margin:0 auto}.demo-content .pie-legend{margin-top:.75rem;padding:0;font-size:.6875rem;list-style:none}.demo-content .pie-legend li{align-items:center;gap:.375rem;padding:.125rem 0;display:flex}.demo-content .pie-swatch{border-radius:2px;width:8px;height:8px}.demo-content .sparkline{align-items:flex-end;gap:3px;height:40px;display:flex}.demo-content .spark-bar{background:var(--accent);border-radius:2px 2px 0 0;flex:1;min-width:6px}@media (width<=640px){.demo-content .two-col,.demo-content .report-grid,.demo-content .signoff{grid-template-columns:1fr}.demo-modal__panel{width:calc(100% - 1rem);max-height:96vh;margin:2vh auto}}