:root{--navy:#0b1b32;--navy-2:#0f2440;--navy-3:#142b4d;--navy-border:#1a2940;--navy-text-on:#fff;--navy-text-on-2:#b0b7c3;--navy-text-on-3:#6b7689;--surface:#fff;--surface-2:#f4f1ea;--surface-3:#ede8dc;--border:#e5e0d2;--border-soft:#ede8dc;--border-strong:#d2ccbb;--text:#0f1b2d;--text-2:#2f3947;--text-3:#5c6577;--text-4:#8c8f95;--teal:#07b68f;--teal-hover:#069477;--teal-bg:#ecfbf6;--teal-border:#b8ebdb;--teal-text:#045949;--gold:#c99a3f;--gold-soft:#e0a83e;--gold-bg:#faf4e5;--gold-border:#e8d8a6;--warn:#9a6f2c;--success:#4f8c5f;--danger:#b8413e;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-xl:14px;--shadow-xs:0 1px 2px #0b1b320a;--shadow-sm:0 1px 3px #0b1b320f, 0 1px 2px #0b1b320a;--shadow-md:0 4px 6px -1px #0b1b3212, 0 2px 4px -2px #0b1b320a;--shadow-lg:0 16px 32px -8px #0b1b321f, 0 8px 16px -4px #0b1b320f;--shadow-xl:0 32px 64px -16px #0b1b322e;--mono:var(--font-jb-mono,"JetBrains Mono"), ui-monospace, "SF Mono", monospace;--sans:var(--font-inter,-apple-system, BlinkMacSystemFont, sans-serif)}.scene-num{font-family:var(--mono);color:var(--gold);letter-spacing:.22em;text-transform:uppercase;align-items:baseline;gap:14px;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.scene-num:after{content:"";background:var(--border);flex:1;max-width:80px;height:1px}.scene-headline{letter-spacing:-.025em;color:var(--text);margin-bottom:24px;font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1.05}.scene-headline em{background:linear-gradient(#0000 0% 55%,#07b68f40 55% 100%);padding:0 4px;font-style:normal}.scene-body{color:var(--text-2);margin-bottom:0;font-size:17px;line-height:1.6}.scene-body p+p{margin-top:14px}.scene-body strong{color:var(--text);font-weight:600}.scene-meta{border-top:1px solid var(--border-soft);font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;flex-wrap:wrap;gap:20px;margin-top:28px;padding-top:20px;font-size:11.5px;display:flex}.scene-meta-item:before{content:"✓ ";color:var(--teal);font-weight:700}.breakout{background:var(--navy);color:var(--navy-text-on);padding:140px 0;position:relative;overflow:hidden}.breakout:before{content:"";pointer-events:none;background:radial-gradient(circle,#07b68f1f,#0000 60%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.breakout-inner{z-index:1;max-width:1280px;margin:0 auto;padding:0 32px;position:relative}.breakout-eyebrow{font-family:var(--mono);color:var(--teal);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:14px;margin-bottom:32px;font-size:11px;font-weight:700;display:flex}.breakout-eyebrow:before{content:"";background:var(--teal);width:32px;height:1px}.breakout-statement{letter-spacing:-.025em;color:var(--navy-text-on);max-width:1000px;margin-bottom:36px;font-size:clamp(30px,3.8vw,54px);font-weight:700;line-height:1.1}.breakout-statement em{color:var(--teal);font-style:normal}.breakout-deck{max-width:760px;color:var(--navy-text-on-2);font-size:17px;line-height:1.65}.breakout-deck p{margin-bottom:16px}.breakout-deck p:last-child{margin-bottom:0}.breakout-deck strong{color:var(--navy-text-on);font-weight:600}.breakout-footnote{color:var(--navy-text-on-3);font-size:14px;font-family:var(--mono);letter-spacing:.04em;max-width:600px;margin-top:36px;line-height:1.6}.scene-mock{background:var(--navy);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 32px 80px -20px #0b1b3273}.scene-mock-chrome{background:var(--navy-2);border-bottom:1px solid var(--navy-border);align-items:center;gap:8px;padding:12px 16px;display:flex}.scene-mock-chrome-dot{background:var(--navy-3);border-radius:50%;width:11px;height:11px}.scene-mock-chrome-url{font-family:var(--mono);color:var(--navy-text-on-3);letter-spacing:.02em;margin-left:12px;font-size:11px}.mock-queue{background:var(--surface);padding:22px}.mock-queue-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:14px;display:flex}.mock-queue-title{color:var(--text);font-size:18px;font-weight:600}.mock-queue-count{font-family:var(--mono);color:var(--text-3);letter-spacing:.06em;font-size:11px}.mock-queue-row{border-bottom:1px solid var(--border-soft);grid-template-columns:130px 1fr 110px 90px 80px;align-items:center;gap:16px;padding:14px 8px;font-size:13.5px;display:grid}.mock-queue-row.new{border-left:3px solid var(--teal);background:#07b68f0f;border-radius:4px;margin-left:-8px;margin-right:-8px;padding-left:10px}.mock-queue-row:last-child{border-bottom:none}.mock-queue-ref{font-family:var(--mono);color:var(--text-2);font-size:12px;font-weight:500}.mock-queue-ref strong{color:var(--text);font-weight:600}.mock-queue-summary{color:var(--text-2);line-height:1.4}.mock-queue-pill{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.mock-queue-pill.cat-gold{color:var(--gold);background:#c99a3f1f;border:1px solid #c99a3f40}.mock-queue-pill.cat-red{color:var(--warn);background:#c2410c1f;border:1px solid #c2410c40}.mock-queue-pill.cat-slate{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.mock-queue-time{font-family:var(--mono);color:var(--text-3);font-size:11px}.mock-queue-status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:10px;font-weight:600}.mock-triage{background:var(--surface);padding:24px}.mock-triage-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;display:flex}.mock-triage-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.3}.mock-triage-ref{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;font-size:11px}.mock-triage-state{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-text);white-space:nowrap;background:#07b68f1a;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:600}.mock-suggest{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:16px}.mock-suggest-label{font-family:var(--mono);color:var(--gold);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.mock-suggest-label:after{content:"AI";background:var(--gold);color:var(--surface);letter-spacing:.04em;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.mock-suggest-row{justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.mock-suggest-row+.mock-suggest-row{border-top:1px solid var(--border-soft)}.mock-suggest-key{color:var(--text-3);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.mock-suggest-val{color:var(--text);font-weight:600}.mock-suggest-actions{border-top:1px solid var(--border-soft);gap:8px;margin-top:14px;padding-top:12px;display:flex}.mock-suggest-btn{border-radius:6px;padding:7px 14px;font-size:11.5px;font-weight:600}.mock-suggest-btn.confirm{background:var(--navy);color:var(--surface);border:1px solid var(--navy)}.mock-suggest-btn.override{color:var(--text-2);border:1px solid var(--border-strong);background:0 0}.mock-routing{background:var(--surface);grid-template-columns:1fr 1fr;min-height:360px;display:grid}.mock-routing-col{padding:18px 20px}.mock-routing-col+.mock-routing-col{border-left:1px solid var(--border);background:var(--surface-2)}.mock-routing-label{font-family:var(--mono);color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.mock-routing-label:before{content:"";background:var(--border-strong);width:18px;height:1px}.mock-matrix-row{border-bottom:1px solid var(--border-soft);grid-template-columns:1fr 1fr;gap:12px;padding:10px 0;font-size:12.5px;display:grid}.mock-matrix-row:last-child{border-bottom:none}.mock-matrix-row.firing{border-left:3px solid var(--teal);background:#07b68f0f;border-bottom-color:#0000;border-radius:4px;margin-left:-10px;margin-right:-10px;padding-left:7px;padding-right:7px}.mock-matrix-cat{color:var(--text-2);font-weight:500}.mock-matrix-cat.muted{color:var(--text-3)}.mock-matrix-row.firing .mock-matrix-cat{color:var(--text);font-weight:600}.mock-matrix-dest{color:var(--text-3);font-family:var(--mono);letter-spacing:.02em;font-size:11px}.mock-matrix-row.firing .mock-matrix-dest{color:var(--teal-text)}.mock-scan-step{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:10px 12px;font-size:12.5px;display:flex}.mock-scan-step.done{border-color:#07b68f4d}.mock-scan-step.alert{background:#c2410c0a;border-color:#c2410c4d}.mock-scan-step.resolved{background:#07b68f0f;border-color:#07b68f4d}.mock-scan-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.mock-scan-icon.done{color:var(--teal-text);background:#07b68f2e}.mock-scan-icon.alert{color:var(--warn);background:#c2410c2e}.mock-scan-icon.resolved{color:var(--teal-text);background:#07b68f2e}.mock-scan-content{flex:1}.mock-scan-title{color:var(--text);margin-bottom:2px;font-weight:600;line-height:1.4}.mock-scan-step.alert .mock-scan-title{color:var(--warn)}.mock-scan-detail{color:var(--text-3);font-size:11.5px;line-height:1.5}.mock-scan-detail strong{color:var(--text-2)}.mock-audit{background:var(--surface);padding:22px}.mock-audit-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:16px;display:flex}.mock-audit-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:600}.mock-audit-ref{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;font-size:11px}.mock-audit-state{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-text);white-space:nowrap;background:#07b68f1f;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:600}.mock-audit-list{padding-left:28px;list-style:none;position:relative}.mock-audit-list:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:9px}.mock-audit-item{padding:8px 0 14px;font-size:12.5px;position:relative}.mock-audit-item:before{content:"";background:var(--surface);border:2px solid var(--text-3);border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:-23px}.mock-audit-item.confirm:before{border-color:var(--teal)}.mock-audit-item.close:before{background:var(--teal);border-color:var(--teal)}.mock-audit-item-head{align-items:baseline;gap:10px;margin-bottom:2px;display:flex}.mock-audit-time{font-family:var(--mono);color:var(--text-3);letter-spacing:.04em;flex-shrink:0;font-size:10.5px}.mock-audit-actor{color:var(--text);font-weight:600}.mock-audit-action{color:var(--text-2);line-height:1.5}.mock-audit-action strong{color:var(--text);font-weight:600}.mock-audit-action code{font-family:var(--mono);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border-soft);border-radius:3px;padding:1px 5px;font-size:11px}@media (max-width:1024px){.scene-grid{grid-template-columns:1fr;gap:48px}.scene-grid.right-copy .scene-copy{order:1}.scene-grid.right-copy .scene-visual{order:2}.scene{padding:80px 0}.scene+.scene{padding-top:40px}.breakout{padding:100px 0}.mock-queue-row{grid-template-columns:100px 1fr 90px 70px}.mock-queue-row>:nth-child(5){display:none}}@media (max-width:760px){.mock-routing{grid-template-columns:1fr}.mock-routing-col+.mock-routing-col{border-left:none;border-top:1px solid var(--border)}}@media (max-width:600px){.scene-grid{gap:32px;padding:0 20px}.scene{padding:60px 0}.scene+.scene{padding-top:30px}.breakout{padding:80px 0}.breakout-inner{padding:0 20px}.mock-queue-row{grid-template-columns:1fr 80px;gap:8px;padding:10px 6px;font-size:12px}.mock-queue-row>:first-child,.mock-queue-row>:nth-child(4),.mock-queue-row>:nth-child(5){display:none}}.ap-frame{border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:1180px;box-shadow:var(--shadow-md);background:#f8fafc;margin:56px auto 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.ap-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.ap-chrome-dots{gap:6px;display:flex}.ap-chrome-dot{background:#e8e4d8;border-radius:50%;width:9px;height:9px}.ap-chrome-url{background:var(--surface);border:1px solid var(--border-soft);max-width:360px;font-family:var(--mono);color:#94a6bc;border-radius:4px;flex:1;padding:4px 10px;font-size:11px}.ap-app{width:100%;min-height:720px;display:flex}.ap-shell{flex-direction:column;flex:1;min-width:0;display:flex}.ap-topbar{color:#fff;background:#0b1b32;border-bottom:1px solid #142b4d;align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.ap-topbar-mark{border-right:1px solid #ffffff1f;align-items:center;gap:8px;padding-right:12px;display:flex}.ap-topbar-shield{background:linear-gradient(135deg,#07b68f 0%,#1688c4 100%);border-radius:3px;width:22px;height:26px;position:relative}.ap-topbar-shield:after{content:"A";color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.ap-topbar-name{letter-spacing:-.01em;color:#fff;font-size:13.5px;font-weight:600;line-height:1}.ap-topbar-name-sub{color:#7b8da8;letter-spacing:.06em;margin-top:2px;font-size:8.5px}.ap-topbar-tenant{color:#bcc9dc;padding-left:12px;font-size:11.5px;font-weight:500}.ap-topbar-search{color:#94a6bc;background:#142b4d;border-radius:5px;flex:1;align-items:center;gap:8px;max-width:360px;margin-left:24px;padding:6px 11px;font-size:12px;display:flex}.ap-topbar-search-icon{opacity:.6;width:12px;height:12px}.ap-topbar-kbd{background:#1e3458;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:500}.ap-topbar-right{align-items:center;gap:4px;margin-left:auto;display:flex}.ap-topbar-tier{letter-spacing:.06em;color:#e0a83e;text-transform:uppercase;background:#1e3458;border-radius:999px;margin-right:6px;padding:3px 9px;font-size:9px;font-weight:600}.ap-topbar-bell{color:#bcc9dc;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:relative}.ap-topbar-bell-dot{background:#e0a83e;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.ap-topbar-user{border-left:1px solid #142b4d;align-items:center;gap:8px;margin-left:6px;padding-left:10px;display:flex}.ap-avatar{color:#fff;background:linear-gradient(135deg,#2d63cb,#07b68f);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:600;display:flex}.ap-topbar-user-name{color:#fff;font-size:11px;font-weight:500;line-height:1.2}.ap-topbar-user-role{color:#7b8da8;font-size:9.5px;line-height:1.2}.ap-body{flex:1;display:flex;overflow:hidden}.ap-sidebar{color:#fff;background:#0b1b32;flex-shrink:0;width:240px;min-width:240px;padding-bottom:12px}.ap-nav-tenant{border-bottom:1px solid #142b4d;padding:14px 16px 12px}.ap-nav-tenant-name{color:#fff;font-size:11.5px;font-weight:600}.ap-nav-tenant-meta{color:#7b8da8;margin-top:2px;font-size:9.5px}.ap-nav-group{border-bottom:1px solid #142b4d;padding:10px 0}.ap-nav-group:last-child{border-bottom:0}.ap-nav-group-label{letter-spacing:.1em;color:#7b8da8;text-transform:uppercase;padding:0 16px 4px;font-size:8.5px;font-weight:600}.ap-nav-item{color:#bcc9dc;align-items:center;gap:8px;width:100%;padding:6px 16px;font-size:12px;display:flex}.ap-nav-item.active{color:#fff;background:#142b4d;box-shadow:inset 2px 0 #07b68f}.ap-nav-item-count{color:#94a6bc;margin-left:auto;font-size:9.5px;font-weight:600}.ap-nav-item.active .ap-nav-item-count{color:#07b68f}.ap-main{background:#f8fafc;flex:1;min-width:0;overflow-x:auto}.ap-page-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 24px;display:flex}.ap-page-h1{color:#0b1b32;letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.ap-page-sub{color:#64748b;margin-top:3px;font-size:12px}.ap-page-actions{gap:6px;display:flex}.ap-btn{border-radius:4px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.ap-btn-secondary{color:#1f2937;background:#fff;border:1px solid #e5e7eb}.ap-btn-primary{color:#fff;background:#0b1b32}.ap-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px 0;display:grid}.ap-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:12px 14px}.ap-kpi-label{letter-spacing:.06em;color:#64748b;text-transform:uppercase;font-size:9px;font-weight:600}.ap-kpi-value{color:#0b1b32;margin-top:4px;font-size:22px;font-weight:600}.ap-kpi-delta{margin-top:4px;font-size:10px}.ap-kpi-delta.up{color:#15803d}.ap-kpi-delta.warn{color:#9a3412}.ap-cases-wrap{padding:16px 24px}.ap-cases-card{background:#fff;border:1px solid #e5e7eb;border-radius:5px;overflow-x:auto}.ap-cases-toolbar{border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:10px 14px;display:flex}.ap-filter-chip{color:#64748b;border:1px solid #0000;border-radius:4px;padding:4px 9px;font-size:11px;font-weight:500}.ap-filter-chip.active{color:#0b1b32;background:#f1f5f9;border-color:#e5e7eb}.ap-table-head,.ap-table-row{grid-template-columns:130px 1fr 130px 95px 100px 90px;align-items:center;min-width:920px;display:grid}.ap-table-head{letter-spacing:.08em;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600}.ap-table-row{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:11px 14px;font-size:12.5px}.ap-table-row:last-child{border-bottom:0}.ap-footer-note{font-family:var(--mono);color:var(--text-4);letter-spacing:.04em;text-align:center;padding:14px 24px;font-size:10px}@media (max-width:880px){.ap-app{flex-direction:column;min-height:auto}.ap-topbar{flex-wrap:wrap;gap:10px;height:auto;padding:12px}.ap-topbar-search,.ap-topbar-tenant{display:none}.ap-topbar-user{border-left:0;margin-left:auto;padding-left:0}.ap-sidebar{display:none}.ap-page-header{flex-direction:column;align-items:flex-start;padding:16px}.ap-page-actions{flex-wrap:wrap;width:100%}.ap-btn{flex:1;justify-content:center}.ap-kpi-row{grid-template-columns:1fr 1fr;gap:10px;padding:16px}.ap-cases-wrap{padding:16px}.ap-table-head,.ap-table-row{min-width:720px}.ap-footer-note{padding:14px 16px;font-size:9px;line-height:1.6}}@media (max-width:580px){.ap-frame{margin-top:32px}.ap-chrome{padding:10px 12px}.ap-chrome-url{max-width:100%;font-size:10px}.ap-topbar{padding:10px}.ap-page-h1{font-size:17px}.ap-kpi-row{grid-template-columns:1fr}.ap-btn{width:100%}.ap-page-actions{flex-direction:column}.ap-table-head,.ap-table-row{min-width:680px}}.ap-app{min-height:0!important}.ap-frame{margin-top:0!important}
