:root{--demo-ink:#16304d;--demo-muted:#6b8196;--demo-line:#e0e9ef;--demo-bg:#f7fafc;--demo-blue:#23678e;--demo-teal:#248c81;--demo-coral:#d25d58;--demo-amber:#b5792b;--demo-violet:#7561a8}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--demo-bg)}*{box-sizing:border-box}.demo-shell{min-height:100vh;background:var(--demo-bg);color:var(--demo-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em}.demo-shell button{font:inherit}.demo-shell button:focus-visible,.demo-shell [tabindex]:focus-visible{outline:2px solid #3b9f97;outline-offset:3px}.demo-sidebar{width:248px;background:#102b45;color:#d6e4ef;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:24px 14px 17px;z-index:10}.demo-brand{display:flex;align-items:center;gap:10px;padding:0 10px 29px;color:#fff}.demo-brand strong{display:block;font-size:19px;line-height:19px;letter-spacing:-.05em}.demo-brand span{display:block;color:#95afc2;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.demo-mark{height:29px;width:29px;background:#2e8e91;border-radius:8px;display:grid;place-items:center;color:#fff}.demo-close-nav{display:none}.demo-workspace{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #31516a;border-radius:7px;color:#aac2d1;font-size:10px;margin-bottom:27px}.demo-workspace svg{margin-left:auto;color:#7593a7}.workspace-dot,.chip-dot,.eyebrow-pulse,.fresh-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#54c8a5}.demo-nav-label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#7592a9;padding:0 11px 8px}.nav-label-lower{margin-top:29px}.demo-nav-item{width:100%;border:0;background:none;color:#aac0cf;display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:6px;text-align:left;font-size:12px;cursor:pointer;margin:2px 0}.demo-nav-item span{margin-left:auto;color:#7591a5;font-size:10px}.demo-nav-item .nav-alert{height:17px;min-width:17px;border-radius:8px;background:#b95762;color:#fff;text-align:center;line-height:17px}.demo-nav-item.active,.demo-nav-item:hover{color:#fff;background:#1e4662}.demo-nav-item.active svg{color:#62c9b1}.demo-sidebar-foot{border-top:1px solid #294760;margin-top:auto;padding:16px 7px 0;display:flex;align-items:center;gap:9px}.demo-sidebar-foot strong,.demo-sidebar-foot span{display:block}.demo-sidebar-foot strong{font-size:10px;color:#dceaf2}.demo-sidebar-foot span{font-size:9px;color:#7692a5;margin-top:3px}.demo-lock{height:26px;width:26px;border:1px solid #3a5b70;border-radius:6px;display:grid;place-items:center;color:#8db1c3}.demo-main{margin-left:248px;min-height:100vh}.demo-topbar{height:65px;background:#fff;border-bottom:1px solid var(--demo-line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.demo-crumb{display:flex;align-items:center;gap:9px;color:#91a1b1;font-size:11px}.demo-crumb strong{color:#315473;font-weight:600}.demo-top-actions{display:flex;align-items:center;gap:17px}.illustrative-chip{display:flex;align-items:center;gap:7px;border:1px solid #d4e6e6;background:#f4fbfa;color:#3e817e;padding:6px 10px;border-radius:20px;font-size:10px}.demo-help{border:0;background:none;color:#7e95a6;cursor:pointer;padding:3px}.demo-avatar{width:29px;height:29px;border-radius:50%;background:#d7e4ef;color:#2e5e80;display:grid;place-items:center;font-weight:700;font-size:10px}.demo-menu{display:none}.demo-content{max-width:1240px;padding:42px 48px 32px;margin:0 auto}.demo-eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:700;color:#8298a9}.demo-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#397c82}.eyebrow-divider{color:#b6c6d0}.demo-heading-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.demo-heading-row h1{font-size:39px;line-height:1.08;letter-spacing:-.055em;margin:0;color:#17324e;font-weight:700}.demo-heading-row h1 em{font-style:normal;color:#2b8d87}.demo-intro{font-size:14px;line-height:1.65;color:#718699;margin:14px 0 0}.reset-button{border:0;background:none;color:#6d8798;font-size:10px;display:flex;gap:7px;align-items:center;cursor:pointer;padding:8px}.reset-button:hover{color:var(--demo-blue)}.estate-strip{display:flex;align-items:center;justify-content:space-between;border:1px solid #dae7ed;background:#fff;border-radius:10px;padding:16px 19px;margin-bottom:25px;box-shadow:0 5px 18px #274f6510}.estate-summary{display:flex;align-items:center;gap:16px}.estate-summary .section-kicker{margin-right:1px}.estate-summary strong{font-size:22px;color:#214a6b}.estate-summary small{font-size:11px;font-weight:500;color:#73899a}.estate-fresh{font-size:10px;color:#7790a0;display:flex;gap:6px;align-items:center}.estate-agents{display:flex;gap:20px}.estate-agent{display:flex;align-items:center;gap:7px}.agent-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:9px;font-weight:700;letter-spacing:.02em}.agent-avatar.violet{color:#67568f;background:#eeeafb}.agent-avatar.blue{color:#326e93;background:#e4f0f7}.agent-avatar.amber{color:#a16c20;background:#fbf0dc}.estate-agent strong,.estate-agent span{display:block}.estate-agent strong{font-size:10px;color:#315471}.estate-agent div span{font-size:9px;color:#8499a8;margin-top:2px;white-space:nowrap}.estate-agent .agent-status{display:inline-flex;align-items:center;gap:4px;margin-left:2px;white-space:nowrap;font-size:8px;font-weight:600}.estate-agent .agent-status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;flex:none}.agent-status.healthy{color:#2d6f60}.agent-status.healthy .agent-status-dot{background:#4fb49e}.agent-status.attention{color:#76511e}.agent-status.attention .agent-status-dot{background:#e3a24c}.demo-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:22px;align-items:start}.demo-story,.journey-card{border:1px solid var(--demo-line);background:#fff;border-radius:11px;box-shadow:0 8px 26px #29516a0b}.demo-story{padding:26px 28px 28px;min-height:450px}.story-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.story-heading h2{font-size:20px;letter-spacing:-.03em;margin:7px 0 0;color:#1a3853}.story-count{font-size:19px;color:#2f718b;font-weight:700;letter-spacing:-.04em}.story-count span{color:#9bb0be;font-size:10px;font-weight:500}.finding-card-demo{border:1px solid #eadfda;border-left:3px solid #d86b5d;border-radius:8px;padding:17px 18px 15px;background:#fffdfc}.finding-card-top,.finding-agent-line,.finding-meta{display:flex;align-items:center}.finding-card-top{justify-content:space-between}.severity-high{display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.1em;color:#b75050;font-size:9px;font-weight:700}.finding-time{font-size:9px;color:#96a8b4}.finding-agent-line{gap:8px;margin:17px 0 13px}.finding-agent-line strong,.finding-agent-line span{display:block}.finding-agent-line strong{font-size:11px;color:#315371}.finding-agent-line div span{font-size:9px;color:#8296a5;margin-top:2px}.finding-category{margin-left:auto;color:#a47734;background:#fbf3e6;border-radius:12px;padding:5px 8px;font-size:9px}.finding-card-demo h3{font-size:17px;letter-spacing:-.025em;color:#1f3c55;margin:0 0 7px}.finding-card-demo p{font-size:12px;line-height:1.55;color:#6f8494;max-width:610px;margin:0}.finding-meta{gap:18px;margin-top:15px;padding-top:12px;border-top:1px solid #f0e9e5;color:#8b9daa;font-size:9px}.finding-meta span{display:flex;gap:6px;align-items:center}.story-callout{display:flex;align-items:flex-start;gap:8px;background:#f2f8fa;border:1px solid #dcebef;border-radius:7px;padding:11px 12px;margin:17px 0 19px;color:#577487;font-size:10px;line-height:1.45}.story-callout svg{color:#3a8a91;flex:none}.primary-demo-button,.secondary-demo-button,.approve-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:600;cursor:pointer}.primary-demo-button{border:1px solid #236b84;background:#236b84;color:#fff;box-shadow:0 3px 7px #236b8429}.primary-demo-button:hover{background:#1c5970}.secondary-demo-button{border:1px solid #d5e1e7;background:#fff;color:#557388}.secondary-demo-button:hover{background:#f5f9fb}.step-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.evidence-intro,.approval-heading,.work-item-created,.receipt-heading{display:flex;align-items:flex-start;gap:13px}.evidence-icon,.proposal-icon,.approval-icon,.receipt-icon{height:39px;width:39px;border-radius:9px;display:grid;place-items:center;flex:none}.evidence-icon{background:#eaf4fa;color:#3b7fa4}.evidence-intro strong,.evidence-intro span{display:block}.evidence-intro strong{font-size:13px;color:#2d4f69}.evidence-intro span{font-size:10px;color:#8599a7;margin-top:4px}.evidence-grid{margin:20px 0;border-top:1px solid #e5edf1}.evidence-row{display:flex;justify-content:space-between;gap:14px;padding:11px 1px;border-bottom:1px solid #e5edf1}.evidence-row span{font-size:10px;color:#8397a5}.evidence-row strong{font-size:11px;color:#315671;text-align:right}.evidence-explanation{display:flex;gap:8px;background:#f8fafb;border-radius:7px;padding:13px 14px}.quote-mark{font-family:Georgia,serif;color:#5e9ca1;font-size:28px;line-height:20px}.evidence-explanation p{font-size:11px;line-height:1.55;color:#61798a;margin:0}.proposal-icon{background:#eef4ef;color:#338678}.proposal-card{display:flex;gap:13px;align-items:flex-start;background:#f8fbf9;border:1px solid #dcece3;border-radius:8px;padding:16px}.proposal-icon{width:36px;height:36px;background:#e4f3ed}.proposal-card h3,.approval-heading h3,.work-item-created h3,.receipt-heading h3{font-size:16px;letter-spacing:-.02em;color:#23435d;margin:6px 0}.proposal-card p,.approval-heading p,.work-item-created p,.receipt-heading p{font-size:11px;line-height:1.5;color:#738896;margin:0}.proposal-details,.work-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e4edf0;border:1px solid #e4edf0;border-radius:7px;overflow:hidden;margin:18px 0}.proposal-details div,.work-item-grid div{background:#fbfcfd;padding:12px}.proposal-details span,.work-item-grid span{display:block;color:#8a9da9;font-size:9px;margin-bottom:5px}.proposal-details strong,.work-item-grid strong{display:block;color:#315671;font-size:11px}.guardrail,.receipt-banner{display:flex;align-items:center;gap:8px;border-radius:6px;padding:10px 12px;background:#f2f8fa;color:#527485;font-size:10px}.guardrail svg,.receipt-banner svg{color:#3b8e87;flex:none}.approval-icon{background:#f3ecfa;color:#8066a7}.approval-checklist{margin:21px 0 4px;border-top:1px solid #e4edf1}.approval-checklist div{display:flex;align-items:center;gap:9px;padding:10px 1px;border-bottom:1px solid #e4edf1;color:#577386;font-size:11px}.approval-checklist svg{color:#3b9b87}.approve-button{border:1px solid #2e897c;background:#2e897c;color:#fff;box-shadow:0 3px 7px #2e897c2b}.approve-button:hover{background:#267468}.created-icon{height:39px;width:39px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#38a287;flex:none}.work-item-grid{margin-bottom:15px}.linked-row{display:flex;align-items:center;gap:7px;color:#648193;font-size:10px}.linked-row svg{color:#458b94}.linked-pill{margin-left:auto;border-radius:12px;padding:4px 8px;background:#e9f6f0;color:#338372;font-size:9px}.receipt-icon{background:#e9f4ef;color:#338777}.receipt-timeline{margin:22px 0 17px}.receipt-event{display:flex;align-items:flex-start;gap:10px}.receipt-node{width:22px;height:22px;border:1px solid #58a994;color:#3e9782;border-radius:50%;display:grid;place-items:center;flex:none}.receipt-node.done{background:#3c9e87;color:#fff}.receipt-event div strong,.receipt-event div span{display:block}.receipt-event div strong{font-size:11px;color:#365871}.receipt-event div span{font-size:10px;color:#8498a6;margin-top:3px}.receipt-event.pending .receipt-node{border-color:#d7e1e5;color:#9bb0bb}.receipt-event.pending div strong{color:#788d9b}.receipt-line{height:18px;border-left:1px solid #cbdedc;margin-left:11px}.journey-card{padding:22px 20px}.journey-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.journey-top h3{font-size:15px;margin:7px 0 0;color:#294a63}.journey-progress{color:#3e8b85;font-size:17px;font-weight:700;letter-spacing:-.04em}.journey-steps{border-top:1px solid #e4edf1}.journey-step{width:100%;border:0;border-bottom:1px solid #e4edf1;background:none;color:#93a5b0;display:flex;align-items:center;gap:9px;text-align:left;padding:12px 0;font-size:11px;cursor:default}.journey-step:not(:disabled){cursor:pointer}.journey-step.active{color:#285a71;font-weight:700}.journey-step.done{color:#4b7482}.journey-step>svg{margin-left:auto;color:#4b9c91}.journey-number{width:20px;height:20px;border-radius:50%;border:1px solid #d7e3e8;color:#9aadb8;display:grid;place-items:center;font-size:9px}.journey-step.active .journey-number{border-color:#378d88;color:#378d88;background:#edf8f6}.journey-step.done .journey-number{border-color:#4c9f8b;background:#4c9f8b;color:#fff}.journey-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;background:#f7fafb;border-radius:6px;padding:10px;color:#708898;font-size:9px;line-height:1.45}.journey-note svg{color:#4a9589;flex:none}.journey-note strong{color:#416b76}.demo-footer-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#91a2ad;font-size:9px;margin-top:23px}.demo-modal-backdrop{position:fixed;inset:0;background:#102b4566;z-index:30;display:grid;place-items:center;padding:20px}.demo-modal{position:relative;background:#fff;border-radius:12px;padding:29px;max-width:390px;box-shadow:0 20px 60px #102b4544}.modal-close{position:absolute;top:12px;right:12px;border:0;background:none;color:#7890a0;cursor:pointer}.modal-icon{height:38px;width:38px;border-radius:9px;background:#eaf5f1;color:#348a7c;display:grid;place-items:center;margin-bottom:17px}.demo-modal h2{font-size:22px;letter-spacing:-.04em;color:#1c3d58;margin:8px 0 10px}.demo-modal p{font-size:12px;line-height:1.6;color:#6f8595;margin:0 0 17px}.modal-safe{display:flex;align-items:center;gap:7px;border-radius:6px;background:#f3f8fa;color:#547385;font-size:10px;padding:10px}.modal-safe svg{color:#3e9188;flex:none}.demo-crumb>span,.demo-intro,.reset-button,.estate-summary small,.estate-fresh,.estate-agent div span,.finding-time,.finding-agent-line div span,.finding-card-demo>p,.finding-meta,.journey-note,.demo-footer-note,.evidence-intro span,.evidence-row span,.evidence-explanation p,.proposal-card p,.approval-heading p,.work-item-created p,.receipt-heading p,.proposal-details span,.work-item-grid span,.linked-row,.receipt-event div span,.receipt-event.pending div strong,.demo-modal p{color:#52687a}.section-kicker,.story-count span{color:#52687a}.illustrative-chip{color:#2b6a68}.agent-avatar.amber{color:#795011}.finding-category{color:#76511e}.journey-progress{color:#2d6f6a}.linked-pill{color:#2d6f60}.approve-button{border-color:#267468;background:#267468}.demo-nav-label,.demo-sidebar-foot span{color:#809caf}@media(max-width:1050px){.demo-content{padding-left:30px;padding-right:30px}.estate-strip{align-items:flex-start;gap:15px;flex-direction:column}.estate-agents{width:100%;justify-content:space-between}.demo-layout{grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr)}}@media(max-width:760px){.demo-sidebar{transform:translate(-100%);transition:transform .2s ease;width:260px;box-shadow:12px 0 30px #102b4555}.demo-sidebar.is-open{transform:translate(0)}.demo-close-nav{display:block;margin-left:auto;border:0;background:none;color:#aac5d2}.demo-main{margin-left:0}.demo-topbar{height:57px;padding:0 17px}.demo-menu{display:grid;border:0;background:none;color:#53768c;padding:2px}.demo-crumb{font-size:11px;margin-right:auto;margin-left:11px}.demo-top-actions{gap:9px}.illustrative-chip{font-size:9px;padding:5px 7px}.demo-content{padding:28px 17px 30px}.demo-heading-row{align-items:flex-start;gap:15px;margin-bottom:23px}.demo-heading-row h1{font-size:31px}.demo-intro{font-size:12px}.desktop-only{display:none}.reset-button{font-size:9px;white-space:nowrap}.estate-agents{gap:9px;overflow:auto}.estate-agent div span{white-space:normal}.estate-summary{flex-wrap:wrap;gap:10px}.estate-fresh{width:100%}.demo-layout{display:block}.journey-card{margin-top:14px}.demo-story{padding:21px 17px;min-height:0}.story-heading h2{font-size:18px}.finding-card-demo h3{font-size:15px}.finding-meta{gap:9px;flex-wrap:wrap}.finding-category{font-size:8px}.evidence-row strong{text-align:right;max-width:58%}.step-actions{flex-wrap:wrap}.primary-demo-button,.secondary-demo-button,.approve-button{flex:1}.demo-footer-note{text-align:center;line-height:1.4}}@media(max-width:400px){.demo-heading-row{display:block}.reset-button{margin-top:12px}.estate-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}.estate-agent{display:grid;grid-template-columns:29px minmax(0,1fr);gap:5px}.estate-agent div span{display:none}.estate-agent .agent-status{grid-column:1/-1;margin:2px 0 0;font-size:7.5px}.demo-top-actions .demo-help{display:none}.demo-heading-row h1{font-size:29px}}