:root{--navy:#0f3d53;--teal:#1f7b91;--teal-soft:#e8f3f5;--gold:#e2a42e;--purple:#6554c0;--purple-soft:#f0edff;--green:#1d8a6a;--green-soft:#e8f7f1;--ink:#122631;--muted:#71818a;--line:#d9e5e8;--bg:#f5f8f8;--white:#fff;--shadow:0 12px 32px rgba(15,61,83,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand-block{display:flex;align-items:baseline;gap:12px}.brand-mark{font-weight:900;letter-spacing:.11em;color:var(--navy);font-size:17px}.brand-sub{color:var(--teal);font-size:10px;letter-spacing:.16em;font-weight:800;border-left:1px solid var(--line);padding-left:12px}.topbar-actions{display:flex;align-items:center;gap:16px}.demo-badge{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--gold);background:#fff6e2;padding:7px 10px;border-radius:999px}.ghost-btn,.text-btn{border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.ghost-btn:hover,.text-btn:hover{color:var(--navy)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--white);font-size:11px;font-weight:800}main{max-width:1440px;margin:0 auto;padding:0 48px 42px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:238px;padding:38px 0 30px}.eyebrow,.system-kicker{margin:0 0 10px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.14em}.hero h1{color:var(--navy);font-size:48px;line-height:1.04;letter-spacing:-.04em;margin:0 0 18px}.hero h1 span{color:var(--teal)}.hero-copy{max-width:680px;color:var(--muted);font-size:16px;margin:0}.hero-art{width:238px;height:164px;position:relative;overflow:hidden;background:var(--navy);border-radius:18px;color:var(--white);box-shadow:var(--shadow)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(226,164,46,.9) 40%,rgba(226,164,46,.9) 44%,transparent 44%)}.hero-art-label{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:.14em;color:#a9c6cf;font-weight:800}.hero-art-copy{position:absolute;z-index:2;left:20px;bottom:19px;font-size:14px;line-height:1.1;letter-spacing:.16em}.hero-art-copy strong{font-size:24px;color:var(--gold);letter-spacing:.04em}.hero-wheel{position:absolute;right:-28px;bottom:-54px;width:156px;height:156px;border:24px solid #d6e4e8;border-radius:50%;z-index:1}.scenario-bar{background:var(--navy);color:var(--white);border-radius:14px;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-bottom:22px;box-shadow:var(--shadow)}.scenario-label{display:block;color:#9ac2cb;font-size:9px;font-weight:900;letter-spacing:.15em}.scenario-bar strong{display:inline-block;margin-right:12px;font-size:16px}.scenario-bar #scenarioDesc{color:#b9cbd0;font-size:13px}.scenario-actions{display:flex;gap:8px}.scenario-btn{border:1px solid rgba(255,255,255,.24);background:transparent;color:#d6e3e6;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.scenario-btn.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}.workspace-grid{display:grid;grid-template-columns:270px minmax(420px,1fr) 300px;gap:20px;align-items:start}.system-panel,.brain-panel,.event-card,.evidence-card{background:var(--white);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.system-panel{padding:20px;min-height:580px}.panel-head,.brain-head,.lower-head,.order-head,.result-top,.quote-card-top,.api-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2,.brain-head h2,.lower-head h2{margin:0;color:var(--navy);font-size:19px;letter-spacing:-.02em}.system-dot{width:9px;height:9px;border-radius:50%;margin-top:7px}.system-dot.purple{background:var(--purple);box-shadow:0 0 0 5px var(--purple-soft)}.system-dot.green{background:var(--green);box-shadow:0 0 0 5px var(--green-soft)}.record-chip{display:flex;align-items:center;gap:10px;background:#f7f5ff;border:1px solid #e1dcfb;border-radius:10px;padding:11px;margin:20px 0 15px}.sf-icon,.erp-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:var(--purple);color:#fff;font-weight:900;font-size:12px}.record-chip small,.record-chip strong{display:block}.record-chip small{color:var(--muted);font-size:10px}.record-chip strong{font-size:12px}.status-pill,.classification-pill{font-size:9px;font-weight:900;letter-spacing:.08em;padding:5px 7px;border-radius:999px;background:#fff6e2;color:#a26b05}.record-chip .status-pill{margin-left:auto}.record-meta{display:grid;gap:12px;margin-bottom:20px}.record-meta small,.quote-lines span,.order-fields small,.result-score span,.evidence-content span{display:block;color:var(--muted);font-size:10px}.record-meta strong,.order-fields strong{display:block;font-size:12px;color:var(--navy)}.progress-track{height:5px;background:#eeeafc;border-radius:99px;overflow:hidden}.progress-fill{height:100%;width:14%;background:var(--purple);border-radius:99px;transition:.35s}.progress-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:7px 0 24px}.quote-card{border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:18px}.quote-card-top{font-size:9px;color:var(--muted);font-weight:900;letter-spacing:.1em}.quote-card-top span:last-child{color:var(--gold)}.quote-product{font-size:15px;font-weight:800;color:var(--navy);margin:13px 0}.quote-lines{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quote-lines strong{text-align:right;font-size:11px;color:var(--navy)}.wide-btn{width:100%;border:0;border-radius:9px;padding:11px;font-weight:900;font-size:12px;cursor:pointer}.wide-btn:disabled,.primary-btn:disabled{opacity:.45;cursor:not-allowed}.purple-btn{background:var(--purple);color:white}.green-btn{background:var(--green);color:white}.mini-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:15px}.live-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.brain-panel{padding:24px;min-height:580px}.confidence-chip,.evidence-lock{font-size:10px;font-weight:900;letter-spacing:.1em;padding:7px 9px;border-radius:999px;background:#f0f3f4;color:var(--muted)}.confidence-chip.ready{background:var(--teal-soft);color:var(--teal)}.question-progress{margin:24px 0 4px;height:5px;background:#e9eff0;border-radius:999px;overflow:hidden}.q-progress-fill{height:100%;width:16%;background:var(--teal);transition:.3s}.question-count{font-size:10px;color:var(--muted);text-align:right}.question-card{display:flex;align-items:center;gap:15px;margin:28px 0 22px}.question-number{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--teal-soft);color:var(--teal);font-size:16px;font-weight:900}.question-card h3{margin:0;color:var(--navy);font-size:22px}.question-card p{margin:4px 0 0;color:var(--muted);font-size:13px}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;min-height:132px}.answer-btn{border:1px solid var(--line);background:#fbfdfd;border-radius:10px;padding:13px 15px;text-align:left;color:var(--navy);font-weight:800;cursor:pointer;transition:.18s}.answer-btn:hover,.answer-btn.selected{border-color:var(--teal);background:var(--teal-soft);color:var(--teal)}.selector-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.primary-btn,.secondary-btn{border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:900;cursor:pointer}.primary-btn{background:var(--teal);color:#fff}.secondary-btn{background:var(--teal-soft);color:var(--teal)}.result-card{margin-top:22px;border:1px solid #bfe0df;border-radius:13px;background:#fbffff;padding:18px}.result-card.hidden,.erp-order.hidden{display:none}.result-top h3{font-size:22px;margin:0;color:var(--navy)}.classification-pill{background:var(--teal-soft);color:var(--teal)}.classification-pill.exception{background:#fff0f0;color:#b44e4e}.result-score{display:flex;align-items:center;gap:14px;margin:17px 0}.result-score strong{font-size:24px;color:var(--teal)}.score-bar{height:8px;background:#e6eeee;border-radius:99px;flex:1;overflow:hidden}.score-bar div{height:100%;width:92%;background:var(--teal);border-radius:99px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.evidence-grid strong{font-size:11px;color:var(--navy)}.why-fit{padding:13px 0}.why-fit>strong{font-size:11px;color:var(--navy)}.why-fit div{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.why-fit span{font-size:11px;color:var(--muted)}.why-fit span:before{content:"✓";color:var(--green);font-weight:900;margin-right:5px}.result-actions{display:flex;justify-content:flex-end;gap:8px}.erp-empty{min-height:275px;text-align:center;display:grid;place-items:center;align-content:center;padding:30px 20px}.erp-icon{width:44px;height:44px;border-radius:12px;background:var(--green);margin-bottom:14px}.erp-empty h3{margin:0;color:var(--navy);font-size:16px}.erp-empty p{color:var(--muted);font-size:12px;max-width:190px}.erp-state{font-size:9px;letter-spacing:.1em;color:var(--gold);font-weight:900;background:#fff6e2;padding:7px 9px;border-radius:999px}.order-head h3{margin:0;color:var(--navy);font-size:20px}.green-pill{background:var(--green-soft);color:var(--green)}.order-fields{display:grid;gap:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:18px 0}.order-timeline{display:grid;gap:13px;margin:18px 0 22px}.timeline-step{display:flex;gap:10px;align-items:center;color:var(--muted)}.timeline-step>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:10px;font-weight:900}.timeline-step.done>span{background:var(--green);border-color:var(--green);color:#fff}.timeline-step strong,.timeline-step small{display:block}.timeline-step strong{font-size:11px;color:var(--navy)}.timeline-step small{font-size:10px}.api-contract{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.api-title{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.api-live{color:var(--green)}code{display:block;background:#102c38;color:#bce6df;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;padding:11px;border-radius:9px;margin-top:9px}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:20px}.event-card,.evidence-card{padding:20px;min-height:230px}.event-count{font-size:10px;color:var(--muted);font-weight:800}.event-list{margin-top:15px;display:grid;gap:8px}.empty-events{color:var(--muted);background:var(--bg);border-radius:10px;padding:22px;text-align:center;font-size:12px}.event-row{display:grid;grid-template-columns:70px 10px 1fr;gap:10px;align-items:start;font-size:11px}.event-row time{color:var(--muted);font-variant-numeric:tabular-nums}.event-marker{width:8px;height:8px;background:var(--teal);border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px var(--teal-soft)}.event-row strong{display:block;color:var(--navy)}.event-row span{display:block;color:var(--muted);font-size:10px}.evidence-content{display:flex;gap:15px;align-items:center;margin-top:20px}.drawing-thumb{width:130px;height:105px;background:#eef5f5;border:1px solid #c8d9da;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;color:var(--teal);font-weight:900;letter-spacing:.2em}.drawing-grid{position:absolute;inset:12px;background:repeating-linear-gradient(0deg,transparent 0 14px,#c2d9da 15px),repeating-linear-gradient(90deg,transparent 0 22px,#c2d9da 23px);opacity:.65}.drawing-thumb span{position:relative;background:#eef5f5;padding:5px}.evidence-content h3{font-size:14px;color:var(--navy);margin:0 0 6px}.evidence-content p{font-size:12px;color:var(--muted);margin:0}.evidence-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.evidence-tags span{font-size:9px;background:var(--teal-soft);color:var(--teal);padding:4px 6px;border-radius:99px}.footer{max-width:1440px;margin:0 auto;padding:20px 48px 30px;color:#8b9aa0;font-size:10px;display:flex;justify-content:space-between}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:12px 15px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){main{padding:0 24px 30px}.topbar{padding:0 24px}.workspace-grid{grid-template-columns:1fr 1fr}.brain-panel{grid-column:span 2;grid-row:1}.system-panel{min-height:auto}.lower-grid{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:720px){.topbar{height:auto;padding:16px 18px;align-items:flex-start}.topbar-actions .ghost-btn{display:none}.brand-block{flex-direction:column;gap:3px}.brand-sub{border:0;padding:0}.hero{padding:28px 0}.hero h1{font-size:36px}.scenario-bar{display:block}.scenario-actions{margin-top:14px}.workspace-grid{display:flex;flex-direction:column}.brain-panel{order:1;width:100%}.salesforce-panel{order:2;width:100%}.netsuite-panel{order:3;width:100%}.lower-grid{display:flex;flex-direction:column}.footer{padding:18px;display:block}.footer span{display:block;margin-top:5px}.answer-grid{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr 1fr}.hero-copy{font-size:14px}}