:root {
  color-scheme: light;
  --paper:#fafaf8; --white:#fff; --ink:#191918; --muted:#6f706d; --quiet:#9b9c97;
  --line:#deded8; --line-soft:#ecece7; --green:#77a942; --pink:#b3458d; --pink-fill:rgba(179,69,141,.11);
  --blue:#2c6fae; --purple:#8253a7; --gold:#b28726; --orange:#cf6748; --teal:#429786;
  --mono:"DM Mono",ui-monospace,monospace; --sans:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box} html{background:var(--paper);scroll-behavior:smooth} body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans)}
button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:30;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.masthead{height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(250,250,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--ink);font:500 10px var(--mono);letter-spacing:.06em}.eyebrow{margin:0 0 5px;color:var(--quiet);font:500 9px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase}
h1,h2,p{margin-top:0}h1{font-size:17px;line-height:1;margin:0;letter-spacing:-.025em}h2{font-size:17px;line-height:1.1;margin:0;letter-spacing:-.025em}.header-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.header-status strong{color:var(--ink)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(119,169,66,.1)}.divider{width:1px;height:16px;background:var(--line)}
main{max-width:1540px;margin:0 auto;padding:20px}.kpi-strip{display:grid;grid-template-columns:1.3fr repeat(5,1fr);background:var(--white);border:1px solid var(--line)}.kpi-strip article{min-height:108px;padding:17px 19px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line-soft)}.kpi-strip article:last-child{border:0}.kpi-strip article>span{color:var(--muted);font-size:10px}.kpi-strip article>strong{font:500 21px/1.15 var(--mono);letter-spacing:-.05em;margin:8px 0 4px}.kpi-strip article>small{color:var(--quiet);font-size:9px}.north-star strong{font-size:25px!important}.north-star strong small{color:var(--quiet);font-size:11px;letter-spacing:0}.progress-track{height:4px;background:#ededeb;margin-top:12px}.progress-track span{display:block;width:3.24%;height:100%;background:var(--pink)}
.model-panel,.chart-workspace,.lower-grid{background:var(--white);border:1px solid var(--line);border-top:0}.model-panel{padding:18px 20px 14px}.section-title,.chart-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-title>span{color:var(--quiet);font:400 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.text-button{border:0;background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;cursor:pointer}.model-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:17px}.model-controls label>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:600}.model-controls output{color:var(--blue);font:500 9px var(--mono)}input[type=range]{width:100%;accent-color:var(--ink);margin:11px 0 0}.psychology-ramp{display:grid;grid-template-columns:1.2fr 1fr .8fr .55fr .35fr;margin-top:16px;height:36px;border:1px solid var(--line-soft);overflow:hidden}.psychology-ramp span{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-right:1px solid rgba(255,255,255,.72);font-size:9px}.psychology-ramp span:last-child{border:0}.psychology-ramp b{font-weight:600}.psychology-ramp small{font:500 8px var(--mono)}.psychology-ramp .early{background:#eff5e9;color:#54792d}.psychology-ramp .mid{background:#eef5f3;color:#35776b}.psychology-ramp .late{background:#f7f1df;color:#80631d}.psychology-ramp .final{background:#f7e9e5;color:#a34f39}.psychology-ramp .event{background:#f5e7f0;color:#8f376f}
.chart-workspace{padding:22px 22px 18px}.chart-toolbar{align-items:flex-end}.focus-controls,.zoom-buttons{display:flex;align-items:center;gap:4px}.focus-controls>span{color:var(--quiet);font:400 8px var(--mono);margin-right:5px;text-transform:uppercase}.focus-controls button,.zoom-buttons button{border:1px solid var(--line);background:#f5f5f2;color:var(--muted);padding:6px 10px;font-size:9px;cursor:pointer;transition:.15s}.focus-controls button.active,.zoom-buttons button.active,.focus-controls button:hover,.zoom-buttons button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.layer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:18px;padding:10px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.layer{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--quiet);padding:5px 7px;font-size:9px;cursor:pointer;opacity:.45}.layer.active{opacity:1;color:var(--muted)}.layer i{width:15px;height:7px;display:inline-block}.layer i.actual{border-top:2px solid var(--green)}.layer i.forecast{border-top:2px dashed var(--pink)}.layer i.range{background:rgba(179,69,141,.15);border:1px solid rgba(179,69,141,.3)}.layer i.ref12{border-top:2px dotted var(--purple)}.layer i.ref24{border-top:2px dotted var(--blue)}.layer i.milestones{border-left:2px dashed var(--gold)}.layer i.spend{background:rgba(44,111,174,.25)}.snapshot-note{display:flex;justify-content:space-between;gap:20px;padding:9px 11px;background:#f7f7f4;color:var(--quiet);font:400 8px var(--mono)}.snapshot-note strong{color:var(--ink)}
.chart-stack{margin-top:4px}.chart-card{padding:18px 0 14px;border-bottom:1px solid var(--line-soft)}.chart-card[hidden]{display:none}.chart-card header{display:flex;justify-content:space-between;align-items:flex-start;padding:0 10px 7px 0}.chart-card header p{margin:0 0 3px;color:#555651;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.chart-card header strong{font:500 10px var(--mono);color:var(--ink)}.chart-unit{color:var(--quiet);font:400 8px var(--mono);text-transform:uppercase}.chart-shell{height:240px;position:relative}.chart-shell svg{display:block;width:100%;height:100%;overflow:visible}.spend-card .chart-shell{height:220px}.navigator-block{padding-top:17px}.navigator-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.navigator-block svg{display:block;width:100%;height:76px;margin-top:8px;background:#f3f4f2;border:1px solid var(--line-soft);touch-action:none;cursor:crosshair}
.lower-grid{display:grid;grid-template-columns:1.25fr 1.1fr .8fr}.lower-grid>article{min-height:210px;padding:20px;border-right:1px solid var(--line-soft)}.lower-grid>article:last-child{border:0}.square-count{width:24px;height:24px;display:grid!important;place-items:center;background:var(--ink);color:#fff!important}.action-list{margin-top:15px}.action-list p{display:grid;grid-template-columns:3px 1fr auto;gap:10px;align-items:start;margin:0;padding:9px 0;border-bottom:1px solid var(--line-soft)}.action-list p:last-child{border:0}.action-list i{height:28px;background:var(--blue)}.action-list i.urgent{background:var(--pink)}.action-list i.soon{background:var(--gold)}.action-list b{display:block;font-size:10px}.action-list small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.action-list em{color:var(--quiet);font:400 8px var(--mono);text-transform:uppercase;font-style:normal}.ticket-table{margin-top:20px;overflow-x:auto}.ticket-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);align-items:center;min-width:500px;min-height:34px;border-top:1px solid var(--line-soft);font:400 9px var(--mono)}.ticket-row.header{border:0;color:var(--quiet);font-size:8px;text-transform:uppercase}.ticket-row strong{font:600 9px var(--sans)}.active-price{color:var(--green)}.benchmark-list{margin-top:17px}.benchmark-list p{display:flex;justify-content:space-between;margin:0;padding:8px 0;border-bottom:1px solid var(--line-soft);color:var(--muted);font-size:9px}.benchmark-list strong{color:var(--ink);font:500 9px var(--mono)}.shared-tooltip{position:fixed;z-index:40;min-width:158px;padding:10px 11px;background:rgba(25,25,24,.96);color:#fff;box-shadow:0 12px 40px rgba(25,25,24,.22);pointer-events:none;font:400 9px/1.6 var(--mono)}.shared-tooltip b{color:#fff;font-weight:500}.shared-tooltip span{color:#bbb}
@media(max-width:1050px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.kpi-strip article:nth-child(3n){border-right:0}.kpi-strip article:nth-child(-n+3){border-bottom:1px solid var(--line-soft)}.model-controls{grid-template-columns:1fr 1fr}.lower-grid{grid-template-columns:1fr 1fr}.benchmark-panel{grid-column:1/-1;border-top:1px solid var(--line-soft)}}
@media(max-width:700px){.masthead{height:auto;min-height:72px;padding:13px 15px;align-items:flex-start}.header-status{display:block;text-align:right;font-size:9px}.header-status .live-dot,.header-status .divider{display:none}.header-status span{display:block}main{padding:9px}.kpi-strip{grid-template-columns:1fr 1fr}.kpi-strip article{min-height:92px}.kpi-strip article:nth-child(3n){border-right:1px solid var(--line-soft)}.kpi-strip article:nth-child(even){border-right:0}.kpi-strip article:nth-child(-n+4){border-bottom:1px solid var(--line-soft)}.model-controls{grid-template-columns:1fr}.psychology-ramp{grid-template-columns:repeat(5,minmax(80px,1fr));overflow-x:auto}.chart-workspace{padding:18px 12px}.chart-toolbar{display:block}.focus-controls{margin-top:14px;overflow-x:auto;padding-bottom:3px}.layer-controls{overflow-x:auto;flex-wrap:nowrap}.layer{flex:0 0 auto}.snapshot-note{display:block}.snapshot-note span{display:block;margin:2px 0}.chart-shell{height:220px;overflow-x:auto}.chart-shell svg{min-width:660px}.spend-card .chart-shell{height:210px}.navigator-heading{display:block}.zoom-buttons{margin-top:9px}.lower-grid{display:block}.lower-grid>article{border-right:0;border-bottom:1px solid var(--line-soft)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Round 2: white analytical canvas, stronger readability and chart controls. */
.kpi-strip article{padding:16px 19px}.kpi-strip article>span{color:#777b87;font-size:12px}.kpi-strip article>strong{font-weight:700;font-size:29px}.kpi-strip article>small{color:#777b87;font-size:11px}.north-star strong{font-size:32px!important}.north-star strong small{font-size:12px}
.model-controls label>span{font-size:12px}.model-controls output{font-size:11px}.range-wrap{display:block!important;position:relative;padding-bottom:25px}.range-wrap input{margin-top:14px}.thumb-value{position:absolute;top:35px;left:var(--range-position,50%);transform:translateX(-50%);padding:2px 5px;background:var(--ink);color:#fff!important;font:500 10px var(--mono)!important;white-space:nowrap;pointer-events:none}.psychology-ramp{height:40px}.psychology-ramp span{font-size:11px}.psychology-ramp small{font-size:10px}
.chart-workspace{min-height:100dvh;display:flex;flex-direction:column}.focus-controls>span{font-size:10px}.focus-controls .view-label{margin-left:10px}.focus-controls button,.zoom-buttons button{padding:7px 11px;font-size:11px}.layer{padding:6px 8px;font-size:11px}.chart-stack{flex:1 1 auto;min-height:0}.chart-card{padding:16px}.chart-card[hidden],.resize-handle[hidden]{display:none}.chart-card header{padding-right:0}.chart-card header p{font-size:12px}.chart-card header strong{font-size:12px}.chart-unit{font-size:10px}.chart-shell{height:250px;min-height:170px}.spend-card .chart-shell{height:230px}.resize-handle{height:5px;background:#ecece7;cursor:row-resize;border-radius:3px;transition:.15s}.resize-handle:hover,.resize-handle:focus-visible{background:var(--blue)}
.shared-tooltip{min-width:220px;padding:12px 13px;background:rgba(15,17,23,.96);border:1px solid rgba(255,255,255,.12);box-shadow:none;font-size:11px}
@media(max-width:700px){.chart-workspace{min-height:0}.resize-handle{display:none}.chart-shell{height:230px}.focus-controls .view-label,[data-count]{display:none}}

/* Round 3: fixed analytical frame and quieter controls. */
.thumb-value{display:none}
input[type=range]{appearance:none;-webkit-appearance:none;height:24px;background:transparent;box-shadow:none;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:3px;background:#d7d9de;border:0;border-radius:0;box-shadow:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid #25272d;box-shadow:none}
input[type=range]::-moz-range-track{height:3px;background:#d7d9de;border:0;border-radius:0;box-shadow:none}
input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid #25272d;box-shadow:none}
.range-wrap{padding-bottom:4px}.chart-shell{height:340px;min-height:260px}.spend-card .chart-shell{height:320px}.chart-shell svg{overflow:hidden}.chart-card{padding-top:22px;padding-bottom:22px}.resize-handle{height:7px;background:#f0f0ed}
.revenue-kpis{display:flex;gap:28px;text-align:right}.revenue-kpis span{display:flex;flex-direction:column}.revenue-kpis small{color:#777b87;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.revenue-kpis b{font:600 14px var(--mono);margin-top:3px}
.lower-grid>article{padding:26px}.lower-grid h2{font-size:21px}.lower-grid .eyebrow,.lower-grid .section-title>span{font-size:11px}.action-list b,.action-list small,.action-list em{font-size:14px}.action-list small{line-height:1.5;margin-top:4px}.action-list em{font-size:11px}.action-list p{padding:14px 0;gap:13px}.ticket-row{min-height:44px;font-size:14px}.ticket-row.header{font-size:12px}.ticket-row strong{font-size:14px}.benchmark-list p{padding:12px 0;font-size:14px}.benchmark-list strong{font-size:14px}
@media(max-width:700px){.chart-shell{height:290px;min-height:290px}.spend-card .chart-shell{height:280px}.revenue-kpis{display:none}.lower-grid>article{padding:22px 18px}.action-list b,.action-list small,.ticket-row,.ticket-row strong,.benchmark-list p,.benchmark-list strong{font-size:14px}}
.layer i.actual{height:3px;border:0;background:linear-gradient(90deg,#3b82f6 0 33%,#10b981 33% 66%,#f59e0b 66%)}

/* Round 4: Ledgerix-inspired cool-neutral workspace. */
:root{--paper:#f3f4f6;--white:#fff;--ink:#101114;--muted:#666b74;--quiet:#9297a1;--line:#dfe1e5;--line-soft:#eceef1}
html,body{background:var(--paper)}.masthead{background:rgba(243,244,246,.94);border-bottom:0;height:82px}.brand-mark{background:#fff;border-radius:2px}
main{max-width:1600px;padding:0 24px 28px}.kpi-strip,.model-panel,.chart-workspace,.lower-grid{border:0;border-radius:8px;overflow:hidden}.kpi-strip{box-shadow:inset 0 0 0 1px rgba(16,17,20,.06)}.model-panel{margin-top:12px;padding:24px 26px 20px}.chart-workspace{margin-top:12px;padding:26px 28px 22px}.lower-grid{margin-top:12px}
.focus-controls button,.zoom-buttons button{border-color:#d9dce1;background:#f7f8f9;border-radius:5px}.focus-controls button.active,.zoom-buttons button.active{background:#111216;border-color:#111216}.layer-controls{padding:12px 0}.snapshot-note{border-radius:4px;background:#f7f8f9}.chart-card{background:#fff}.resize-handle{margin:0 16px;background:#eff0f2}.navigator-block svg{border-radius:6px;background:#eef1f4;border-color:#dfe2e6}.lower-grid>article{background:#fff}
@media(max-width:700px){main{padding:0 8px 12px}.masthead{background:#f3f4f6}.model-panel,.chart-workspace{margin-top:8px;border-radius:6px}.chart-workspace{padding:20px 12px}.lower-grid{margin-top:8px}}