.demo-shell{--demo-bg:linear-gradient(170deg,var(--page-bg),#f7f8ff 42%,#eef1ff);min-height:100vh;background:var(--demo-bg);color:#151b2f;position:relative;padding-bottom:5rem;overflow-x:clip}.demo-glow{position:fixed;pointer-events:none;z-index:0;border-radius:50%}.demo-glow-left{width:46vw;height:46vw;left:-12vw;top:-20vw;background:radial-gradient(circle at 40% 30%,rgba(var(--accent-rgb),.28),transparent 62%),radial-gradient(circle at 72% 58%,rgba(var(--navy-rgb),.2),transparent 58%)}.demo-glow-right{width:48vw;height:48vw;right:-18vw;bottom:-22vw;background:radial-gradient(circle at 30% 42%,rgba(var(--navy-rgb),.19),transparent 64%),radial-gradient(circle at 68% 56%,rgba(var(--accent-rgb),.18),transparent 58%)}.demo-workspace{width:min(1360px,calc(100% - 1.4rem));margin:.75rem auto 0;display:grid;grid-template-columns:292px minmax(0,1fr);grid-gap:.86rem;gap:.86rem;position:relative;z-index:2}.demo-workspace.sidebar-closed{grid-template-columns:minmax(0,1fr)}.demo-workspace.sidebar-closed .demo-nav{display:inline-flex}.demo-workspace.sidebar-closed .demo-actions{display:inline-flex;justify-content:flex-end}.demo-sidebar{position:-webkit-sticky;position:sticky;top:.55rem;align-self:start;max-height:calc(100vh - 1.1rem);overflow-y:auto;border-radius:24px;border:1px solid rgba(20,34,72,.12);background:hsla(0,0%,100%,.84);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 22px 40px rgba(15,29,70,.1);padding:.88rem;display:grid;grid-gap:.8rem;gap:.8rem}.demo-sidebar-head{display:flex;justify-content:flex-end}.sidebar-toggle-btn{border:1px solid rgba(20,34,72,.14);border-radius:999px;min-height:35px;background:#fff;color:#4f5d80;font-family:inherit;font-size:.69rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:0 .82rem;cursor:pointer}.demo-sidebar-brand{display:inline-flex;align-items:center;gap:.6rem;padding:.18rem .16rem .3rem}.demo-sidebar-block{border:1px solid rgba(20,34,72,.1);border-radius:14px;padding:.58rem;background:linear-gradient(160deg,#fff,#f7f9ff);display:grid;grid-gap:.45rem;gap:.45rem}.demo-sidebar-footer{margin-top:auto}.demo-sidebar-label{margin:0;color:#4f5d80;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:800}.demo-sidebar-nav{display:grid;grid-gap:.36rem;gap:.36rem}.demo-sidebar-nav a{text-decoration:none;border:1px solid rgba(20,34,72,.12);border-radius:11px;min-height:38px;display:flex;align-items:center;justify-content:center;color:#4d5c7f;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#fff}.demo-sidebar-nav a.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 22px rgba(var(--accent-rgb),.25)}.demo-sidebar-scenarios{display:grid;grid-gap:.36rem;gap:.36rem}.demo-sidebar-scenarios button{border:1px solid rgba(20,34,72,.14);border-radius:11px;min-height:34px;background:#fff;color:#4d5c7f;font-family:inherit;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.demo-sidebar-scenarios button.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.demo-sidebar-segmented{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-sidebar-segmented button{width:100%;justify-content:center}.demo-sidebar-status{display:grid;grid-gap:.38rem;gap:.38rem}.demo-sidebar-status .status-pill{justify-content:center}.demo-sidebar-status .subbar-meta{padding-left:.1rem}.demo-sidebar-actions{margin-top:.2rem;display:grid;grid-gap:.38rem;gap:.38rem}.demo-sidebar-actions .ghost-btn,.demo-sidebar-actions .primary-btn{width:100%}.demo-stage{min-width:0;display:grid;grid-gap:.66rem;gap:.66rem}.demo-main,.demo-subbar,.demo-topbar{width:100%;margin-inline:auto;position:relative;z-index:2}.demo-topbar{border-radius:18px;border:1px solid rgba(20,34,72,.12);background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 32px rgba(15,29,70,.09);padding:.62rem;display:grid;grid-gap:.55rem;gap:.55rem;grid-template-columns:auto 1fr auto;align-items:center;position:-webkit-sticky;position:sticky;top:.55rem;z-index:60}.demo-topbar-head{gap:.46rem}.demo-brand,.demo-topbar-head{display:inline-flex;align-items:center}.demo-brand{gap:.6rem;padding-inline:.62rem}.demo-brand-dot{width:11px;height:11px;border-radius:999px;background:linear-gradient(145deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18)}.demo-brand-text{display:grid;grid-gap:.05rem;gap:.05rem}.demo-brand-text strong{font-size:.92rem;letter-spacing:.02em}.demo-brand-text span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#5b6888;font-weight:700}.demo-nav{justify-self:start;display:none;flex-wrap:wrap;gap:.28rem;border-radius:999px;background:#f4f6ff;padding:.18rem}.demo-nav a{text-decoration:none;color:#596789;border-radius:999px;padding:.54rem .86rem;font-size:.73rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.demo-nav a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 22px rgba(var(--accent-rgb),.28)}.demo-actions{display:none;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-start}.ghost-btn,.primary-btn{text-decoration:none;border-radius:999px;border:1px solid rgba(20,34,72,.14);min-height:37px;display:inline-flex;align-items:center;justify-content:center;padding:0 .9rem;font-family:inherit;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.ghost-btn{background:#fff;color:#4b5a7e}.primary-btn{border-color:transparent;color:#fff;background:linear-gradient(132deg,var(--accent),var(--accent-strong));box-shadow:0 12px 22px rgba(var(--accent-rgb),.28)}.demo-subbar{border-radius:18px;border:1px solid rgba(20,34,72,.08);background:hsla(0,0%,100%,.78);padding:.78rem 1rem;color:#516184;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.73rem}.demo-subbar-content{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.demo-subbar-content p{margin:0}.status-cluster{gap:.45rem}.status-cluster,.status-pill{display:inline-flex;align-items:center}.status-pill{border-radius:999px;min-height:26px;padding:0 .62rem;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;border:1px solid rgba(20,34,72,.14);color:#4f5d80;background:#fff}.status-pill.ready{color:#0f7c3d;border-color:rgba(15,124,61,.26);background:#e9f7ef}.status-pill.loading{color:#8f4e09;border-color:rgba(143,78,9,.26);background:#fff4e8}.status-pill.error{color:#a62828;border-color:rgba(166,40,40,.25);background:#fdeaea}.subbar-meta{color:#6a7696;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.demo-main{margin-top:.9rem;display:grid;grid-gap:.9rem;gap:.9rem}.state-inline{margin-top:.72rem;display:flex;flex-wrap:wrap;gap:.45rem}.demo-section{border-radius:24px;border:1px solid rgba(20,34,72,.08);background:#fff;box-shadow:0 18px 36px rgba(15,29,70,.08);padding:1.32rem}.demo-section h1,.demo-section h2,.demo-section h3,.demo-section h4{margin:0;font-family:Fraunces,serif}.demo-eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:800}.demo-title{margin-top:.45rem;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.14}.demo-copy{margin:.62rem 0 0;color:#5b6888;line-height:1.58;max-width:72ch}.grid-2,.grid-3,.grid-4,.kpi-grid{margin-top:.9rem;display:grid;grid-gap:.66rem;gap:.66rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-card{border-radius:16px;border:1px solid rgba(20,34,72,.08);background:#fff;padding:.9rem}.demo-card.soft{background:linear-gradient(145deg,#fff,#f5f7ff)}.demo-card.accent{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.demo-card.accent,.demo-card.navy{color:#fff;border-color:transparent}.demo-card.navy{background:linear-gradient(140deg,var(--navy),#1d4f9f)}.demo-card h3,.demo-card h4{font-size:1.04rem}.demo-card p{margin:.38rem 0 0;color:#5b6888;line-height:1.48;font-size:.9rem}.demo-card.accent p,.demo-card.navy p{color:hsla(0,0%,100%,.84)}.kpi{border-radius:15px;border:1px solid rgba(20,34,72,.08);background:linear-gradient(150deg,#fff 12%,#f3f6ff);padding:.85rem}.kpi strong{display:block;font-size:1.34rem;font-family:Fraunces,serif}.kpi span{margin-top:.2rem;display:block;color:#5b6888;font-size:.82rem}.segmented-row{margin-top:.85rem;display:inline-flex;flex-wrap:wrap;gap:.35rem}.segmented-row button{border:1px solid rgba(20,34,72,.14);background:#fff;color:#4f5d80;border-radius:999px;min-height:34px;padding:0 .85rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;cursor:pointer}.segmented-row button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.demo-list{margin:.72rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.48rem;gap:.48rem}.demo-list li{position:relative;padding-left:.88rem;color:#5b6888;line-height:1.45;font-size:.9rem}.demo-list li:before{content:"";position:absolute;left:0;top:.5rem;width:5px;height:5px;border-radius:999px;background:currentColor}.trend-grid{margin-top:.95rem;display:grid;grid-gap:.72rem;gap:.72rem;grid-template-columns:repeat(2,minmax(0,1fr))}.trend-card{border-radius:16px;border:1px solid rgba(20,34,72,.12);background:linear-gradient(152deg,#fff 10%,#f3f7ff);padding:.88rem;display:grid;grid-gap:.58rem;gap:.58rem}.trend-card.goal-ok{border-color:rgba(15,124,61,.3)}.trend-card.goal-risk{border-color:rgba(166,40,40,.24)}.trend-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.62rem}.trend-card h3{margin:0;font-size:1rem;font-family:Fraunces,serif}.trend-card header p{margin:.22rem 0 0;font-size:.8rem;color:#627093;line-height:1.4}.trend-delta{min-height:28px;border-radius:999px;padding:0 .62rem;display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(20,34,72,.12)}.trend-delta.up{color:#0f7c3d;border-color:rgba(15,124,61,.26);background:#e9f7ef}.trend-delta.down{color:#a62828;border-color:rgba(166,40,40,.24);background:#fdeaea}.trend-value-row{display:flex;align-items:baseline;justify-content:space-between;gap:.55rem}.trend-value-row strong{font-size:1.34rem;line-height:1;font-family:Fraunces,serif}.trend-value-row span{color:#5b6888;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.trend-sparkline{border-radius:12px;border:1px solid rgba(20,34,72,.08);background:linear-gradient(160deg,#f7f9ff,#eef3ff);height:88px;padding:.38rem}.trend-sparkline svg{width:100%;height:100%}.trend-sparkline .area{fill:rgba(var(--accent-rgb),.22)}.trend-sparkline .line{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.trend-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.45rem;color:#68769a;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.incident-banner{border-width:1px}.incident-banner.success{border-color:rgba(15,124,61,.25);background:radial-gradient(circle at 8% 12%,rgba(15,124,61,.08),transparent 40%),linear-gradient(140deg,#fff,#f6fff9)}.incident-banner.warn{border-color:rgba(143,78,9,.24);background:radial-gradient(circle at 8% 12%,rgba(143,78,9,.1),transparent 40%),linear-gradient(140deg,#fff,#fff8ef)}.incident-banner.danger{border-color:rgba(166,40,40,.24);background:radial-gradient(circle at 8% 12%,rgba(166,40,40,.1),transparent 40%),linear-gradient(140deg,#fff,#fff3f3)}.incident-banner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.incident-banner-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem}.incident-grid{margin-top:.95rem;display:grid;grid-gap:.66rem;gap:.66rem}.incident-card{border-radius:16px;border:1px solid rgba(20,34,72,.1);background:#fff;padding:.88rem;display:grid;grid-gap:.58rem;gap:.58rem}.incident-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.62rem}.incident-card h3{margin:0;font-size:1rem;font-family:Fraunces,serif}.incident-card header p{margin:.24rem 0 0;color:#5f6e91;line-height:1.45;font-size:.86rem}.incident-impact{margin:0;color:#425176;font-weight:700;font-size:.82rem}.incident-card h4{margin:0;font-size:.84rem;text-transform:uppercase;letter-spacing:.07em;color:#5a688b}.incident-actions-grid{display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.incident-action-card{border-radius:12px;border:1px solid rgba(20,34,72,.1);background:linear-gradient(150deg,#f9fbff,#eef3ff);padding:.64rem;display:grid;grid-gap:.34rem;gap:.34rem}.action-title{margin:0;color:#1f2a49;font-weight:700;font-size:.84rem;line-height:1.4}.incident-action-card p{margin:0;color:#5f6e92;font-size:.74rem;letter-spacing:.01em}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;border:1px solid rgba(20,34,72,.14);background:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#4f5d80}.badge.success{color:#0f7c3d;border-color:rgba(15,124,61,.22);background:#e8f7ef}.badge.warn{color:#8f4e09;border-color:rgba(143,78,9,.25);background:#fff4e6}.badge.danger{color:#a62828;border-color:rgba(166,40,40,.23);background:#fde9e9}.table-like{margin-top:.72rem;display:grid;grid-gap:.38rem;gap:.38rem}.table-row{border:1px solid rgba(20,34,72,.1);border-radius:12px;background:#fff;padding:.62rem .7rem;display:grid;grid-template-columns:1fr auto auto;grid-gap:.42rem;gap:.42rem;align-items:center}.table-row strong{font-size:.9rem}.table-row span{color:#5b6888;font-size:.78rem}.demo-mobile-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:.62rem;width:min(760px,calc(100% - 1rem));border-radius:16px;border:1px solid rgba(20,34,72,.1);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:55;padding:.35rem;display:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:.28rem}.demo-mobile-nav a{text-decoration:none;border-radius:12px;min-height:44px;display:grid;place-items:center;color:#4f5d80;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.demo-mobile-nav a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.demo-overlay{position:fixed;inset:0;background:rgba(15,24,49,.35);z-index:64}.demo-panel{position:fixed;top:0;right:0;height:100vh;width:min(370px,100%);background:#fff;border-left:1px solid rgba(20,34,72,.11);box-shadow:-18px 0 42px rgba(16,29,68,.14);z-index:65;padding:1rem;transform:translateX(100%);transition:transform .22s ease;overflow-y:auto}.demo-panel.open{transform:translateX(0)}.demo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.demo-panel-head h2{margin:0;font-size:1.16rem;font-family:Fraunces,serif}.demo-panel-head button{border:1px solid rgba(20,34,72,.14);background:#fff;border-radius:999px;min-height:34px;padding:0 .72rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#4f5d80;cursor:pointer}.demo-field{margin-top:.85rem;display:grid;grid-gap:.42rem;gap:.42rem}.demo-field span{color:#4d5c7f;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}.demo-field input,.demo-field select{width:100%;min-height:40px;border-radius:11px;border:1px solid rgba(20,34,72,.14);background:#fff;padding:.55rem .68rem;color:#172039;font-family:inherit;font-size:.9rem}.segmented{display:inline-flex;gap:.35rem}.segmented button{border:1px solid rgba(20,34,72,.14);min-height:34px;border-radius:999px;background:#fff;color:#4d5c7f;padding:0 .85rem;font-size:.73rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700;cursor:pointer}.segmented button.active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff}.theme-row{display:grid;grid-template-columns:60px 1fr;grid-gap:.45rem;gap:.45rem}.theme-row input[type=color]{padding:.15rem}.theme-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.theme-row input[type=color]::-webkit-color-swatch{border:none;border-radius:9px}.preset-grid{margin-top:.5rem;display:grid;grid-gap:.38rem;gap:.38rem}.preset-grid button{border:1px solid rgba(20,34,72,.14);border-radius:12px;background:#fff;min-height:38px;display:flex;align-items:center;gap:.45rem;color:#4d5c7f;padding:0 .56rem;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer}.preset-grid button span{width:14px;height:14px;border-radius:999px;border:1px solid rgba(15,24,45,.16)}.role-grid-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.38rem;gap:.38rem}.role-grid-buttons button{border:1px solid rgba(20,34,72,.14);background:#fff;border-radius:12px;min-height:36px;color:#4d5c7f;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.role-grid-buttons button.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(var(--accent-rgb),.28);outline-offset:2px}@media (max-width:1160px){.demo-workspace{width:min(1240px,calc(100% - 1rem));grid-template-columns:1fr;gap:.72rem}.demo-sidebar{display:none}.demo-topbar{grid-template-columns:1fr;border-radius:20px}.sidebar-toggle-btn{display:none}.demo-actions,.demo-nav,.demo-topbar-head{justify-self:center}.demo-actions,.demo-nav{display:inline-flex;width:100%;justify-content:center}.grid-4,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.trend-grid{grid-template-columns:1fr}}@media (max-width:760px){.demo-workspace{width:min(1240px,calc(100% - 1rem));margin-top:.55rem}.demo-shell{padding-bottom:5.5rem}.demo-topbar{top:.4rem;padding:.56rem}.demo-actions,.demo-nav{display:none}.demo-subbar-content{flex-direction:column;align-items:flex-start}.status-cluster{width:100%;justify-content:space-between}.demo-mobile-nav{display:grid}.demo-section{border-radius:20px;padding:1rem}.grid-2,.grid-4,.kpi-grid,.table-row{grid-template-columns:1fr}.table-row{gap:.22rem}.trend-meta-row{flex-wrap:wrap}.incident-banner-head{flex-direction:column}.incident-banner-stats{justify-content:flex-start}.incident-actions-grid{grid-template-columns:1fr}}