:root{--navy:#0a1a2f;--gold:#c8a96a;--white:#fff;--grey:#bfc5ce;--slate:#2a2f36}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--navy);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar{border-bottom:1px solid #bfc5ce33;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.brand{letter-spacing:.08em;font-size:1.1rem;font-weight:700}.brand-sub{color:var(--gold);font-weight:400}.proof-badge{color:var(--grey);border:1px solid #c8a96a80;border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.line-switch{gap:.5rem;display:flex}.line-switch button{font:inherit;letter-spacing:.04em;color:var(--grey);cursor:pointer;background:0 0;border:1px solid #bfc5ce4d;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;transition:border-color .15s,color .15s}.line-switch button:hover{color:#fff;border-color:#c8a96a99}.line-switch button.active{border-color:var(--gold);color:var(--gold)}.topbar{flex-wrap:wrap;row-gap:.5rem}.line-subswitch{gap:.4rem;width:100%;padding-left:.25rem;display:flex}.line-sub-btn{font:inherit;letter-spacing:.03em;color:#bfc5cea6;cursor:pointer;background:0 0;border:1px solid #bfc5ce33;border-radius:999px;padding:.28rem .75rem;font-size:.7rem;transition:border-color .15s,color .15s}.line-sub-btn:hover{color:#fff;border-color:#c8a96a80}.line-sub-btn.active{border-color:var(--gold);color:var(--gold);background:#c8a96a0f}.layout{grid-template-columns:1fr 380px;height:calc(100% - 58px);display:grid}.viewer-pane{position:relative}.viewer-canvas{width:100%;height:100%}.concept-gallery{background:#000;grid-template-rows:1fr 1fr;gap:2px;width:100%;height:100%;display:grid;overflow:hidden}.concept-img{object-fit:cover;width:100%;height:100%;display:block}.viewer-status{color:var(--grey);background:#0a1a2fd9;border:1px solid #bfc5ce4d;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;position:absolute;bottom:1rem;left:1rem}.viewer-status-ok{color:var(--gold);border-color:var(--gold)}.viewer-status-error{color:#ff6b6b;border-color:#ff6b6b}.spec-pane{border-left:1px solid #bfc5ce33;padding:1.5rem;overflow-y:auto}.spec-pane h1{margin:0 0 .25rem;font-size:1.6rem}.cls{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.85rem}.desc{color:var(--grey);font-size:.9rem;line-height:1.5}.price-block{background:#c8a96a14;border:1px solid #c8a96a59;border-radius:8px;margin:1.25rem 0;padding:1rem}.price{color:var(--gold);font-size:1.4rem;font-weight:700}.price-scope{color:var(--grey);margin-top:.4rem;font-size:.75rem;line-height:1.4}.price-source{color:#bfc5ce99;margin-top:.3rem;font-size:.7rem}.specs{grid-template-columns:110px 1fr;row-gap:.6rem;font-size:.85rem;display:grid}.specs dt{color:var(--grey)}.specs dd{margin:0}.spec-caveat{color:var(--grey);background:#ff6b6b14;border:1px solid #ff6b6b59;border-radius:8px;margin-top:1.25rem;padding:.75rem 1rem;font-size:.75rem;line-height:1.4}.spec-caveat strong{color:#ff6b6b}.doc-note{color:#bfc5ce99;margin-top:1.5rem;font-size:.7rem;line-height:1.4}.doc-note code{color:var(--grey)}.mode-switch{border-left:1px solid #bfc5ce33;gap:.5rem;margin-left:1rem;padding-left:1rem;display:flex}.mode-btn{font:inherit;letter-spacing:.04em;color:var(--grey);cursor:pointer;background:0 0;border:1px solid #bfc5ce4d;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;transition:border-color .15s,color .15s,opacity .15s}.mode-btn:hover:not(:disabled){color:#fff;border-color:#c8a96a99}.mode-btn.active{border-color:var(--gold);color:var(--gold);background:#c8a96a14}.mode-btn:disabled{opacity:.35;cursor:not-allowed}.layout.roi-mode{grid-template-columns:1fr}.roi-pane{grid-column:1/-1;padding:1.5rem 2rem;overflow-y:auto}.roi-grid{grid-template-columns:280px 280px 1fr;align-items:start;gap:1rem;max-width:1400px;display:grid}.roi-card{background:#bfc5ce0a;border:1px solid #bfc5ce26;border-radius:8px;padding:1rem 1.1rem}.roi-card-results{grid-column:3}.roi-card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;font-size:.7rem}.roi-field{margin-bottom:.85rem}.roi-label{color:var(--grey);justify-content:space-between;gap:.5rem;margin-bottom:.3rem;font-size:.78rem;display:flex}.roi-price-echo{color:var(--gold)}.roi-select,.roi-slider{width:100%}.roi-select{font:inherit;color:var(--white);background:var(--navy);border:1px solid #bfc5ce4d;border-radius:4px;padding:.4rem .5rem;font-size:.82rem}.roi-slider{accent-color:var(--gold)}.roi-scenario-toggle{gap:.4rem;margin-bottom:1rem;display:flex}.roi-scn{font:inherit;color:var(--grey);cursor:pointer;background:0 0;border:1px solid #bfc5ce4d;border-radius:999px;padding:.35rem .8rem;font-size:.72rem}.roi-scn.on{border-color:var(--gold);color:var(--gold);background:#c8a96a14}.roi-kpi-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.roi-kpi{background:#c8a96a0f;border:1px solid #c8a96a40;border-radius:8px;padding:.75rem}.roi-kpi-val{color:var(--gold);font-size:1.3rem;font-weight:700}.roi-kpi-lbl{color:var(--grey);text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem;font-size:.68rem}.roi-kpi-sub{color:#bfc5ce99;margin-top:.15rem;font-size:.68rem}.roi-chart{width:100%;height:160px;margin-bottom:.75rem;display:block}.roi-table-wrap{overflow-x:auto}.roi-table{border-collapse:collapse;width:100%;font-size:.78rem}.roi-table th{text-align:left;color:var(--gold);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #bfc5ce33;padding:.4rem .5rem;font-size:.68rem}.roi-table td{border-bottom:1px solid #bfc5ce14;padding:.35rem .5rem}.roi-break-row td{border-top:1px solid #c8a96a99}.roi-hi{color:#7dd3a8}.roi-warn{color:#ff9b6b}.roi-scope-note{color:#bfc5ce99;margin-top:1rem;font-size:.7rem;line-height:1.4}.roi-gate{max-width:640px;color:var(--grey);background:#ff6b6b0d;border:1px solid #ff6b6b59;border-radius:8px;margin:2rem 0;padding:1.25rem 1.4rem;font-size:.85rem;line-height:1.6}.roi-gate-chip{text-transform:uppercase;letter-spacing:.08em;color:#ff6b6b;border:1px solid #ff6b6b80;border-radius:999px;margin-bottom:.75rem;padding:.25rem .7rem;font-size:.68rem;display:inline-block}.roi-gate-sub{color:#bfc5ce99;margin-top:.5rem;font-size:.75rem}