:root{--ink:#14202b;--navy:#0b1726;--green:#e0b76a;--mint:#fff6df;--paper:#f4f6f8;--line:#dce2e8;--muted:#687887;--orange:#e89c52;--red:#d96262}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}.rail{position:fixed;inset:0 auto 0 0;width:260px;background:var(--navy);color:white;padding:28px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--green);color:var(--navy);font-weight:900}.brand b{font-size:1.05rem}.rail-label{margin:40px 8px 14px;color:#8eaaa5;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.rail nav{display:grid;gap:8px}.nav{border:0;background:transparent;color:#aac0bc;text-align:left;padding:14px 12px;border-radius:11px;font:inherit;font-weight:700;cursor:pointer}.nav span{color:var(--green);margin-right:9px;font-size:.76rem}.nav.active,.nav:hover{background:#113038;color:white}.rail-note{margin-top:auto;padding:16px;border:1px solid #244047;border-radius:13px;color:#b7cbc7}.rail-note b{color:white;font-size:.84rem}.rail-note p{font-size:.78rem;line-height:1.55;margin:6px 0 0}.rail-cta{color:var(--navy);background:var(--green);text-decoration:none;font-weight:900;font-size:.82rem;text-align:center;padding:13px;border-radius:10px;margin-top:14px}main{margin-left:260px;min-height:100vh}.topbar{height:102px;padding:24px 4vw;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:1.35rem;margin:4px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#66827d;font-size:.7rem;font-weight:900}.status{font-size:.78rem;font-weight:800;padding:9px 12px;border:1px solid var(--line);border-radius:999px}.status i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px}.menu{display:none}.view{display:none;padding:38px 4vw 60px}.view.active{display:block}.story-head,.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.story-head h2,.dashboard-head h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em;max-width:800px;margin:7px 0 8px;line-height:1.08}.story-head p{color:var(--muted);margin:0}.step-count{display:flex;align-items:baseline;color:#8ca09c}.step-count b{font-size:3rem;color:var(--ink)}.progress{height:5px;background:#dce7e3;border-radius:20px;margin:28px 0 16px;overflow:hidden}.progress i{display:block;width:20%;height:100%;background:var(--green);transition:.35s}.step-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.step-tab{border:1px solid var(--line);background:#fff;color:#6d807d;padding:11px 6px;border-radius:8px;font-weight:800;font-size:.75rem;cursor:pointer}.step-tab.active{background:var(--navy);color:white;border-color:var(--navy)}.story-card{min-height:390px;background:#fff;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);overflow:hidden;box-shadow:0 16px 50px rgba(7,23,27,.06)}.story-copy{padding:44px}.story-copy h3{font-size:2rem;letter-spacing:-.035em;line-height:1.12;margin:10px 0 16px}.story-copy>p{line-height:1.75;color:var(--muted)}.insight{background:var(--mint);border-left:4px solid var(--green);padding:15px 17px;margin-top:25px;border-radius:0 9px 9px 0;font-weight:750;line-height:1.5}.story-viz{background:#0a2025;color:white;padding:38px;display:flex;flex-direction:column;justify-content:center}.story-controls{display:flex;justify-content:space-between;margin-top:18px}.story-controls button{padding:13px 18px;border-radius:9px;font-weight:900;cursor:pointer}.primary{border:0;background:var(--green);color:var(--navy)}.secondary{border:1px solid var(--line);background:white;color:var(--ink)}.secondary:disabled{opacity:.35}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:18px;background:#103038;border:1px solid #25464d;border-radius:13px}.metric span{display:block;color:#91aaa5;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.metric b{display:block;font-size:1.8rem;margin-top:7px}.chart-title{color:#aac0bc;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px}.bars{display:grid;gap:15px}.bar-label{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:7px}.bar-track{height:12px;background:#18373e;border-radius:8px;overflow:hidden}.bar-track i{display:block;height:100%;width:var(--w);background:var(--green);border-radius:8px}.bar-track.warn i{background:var(--orange)}.scenario{display:grid;gap:20px}.scenario label{color:#b0c5c1;font-size:.82rem;font-weight:800}.scenario input{width:100%;accent-color:var(--green)}.scenario-output{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scenario-output div{background:#103038;border:1px solid #25464d;padding:18px;border-radius:13px}.scenario-output span{display:block;color:#91aaa5;font-size:.75rem}.scenario-output b{display:block;font-size:1.7rem;margin-top:5px;color:var(--green)}.actions{display:grid;gap:12px}.action{display:flex;gap:14px;align-items:flex-start;background:#103038;border:1px solid #25464d;border-radius:12px;padding:16px}.action b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--green);color:var(--navy)}.action p{margin:0;line-height:1.45}.dashboard-head label{font-size:.75rem;color:var(--muted);font-weight:800}.dashboard-head select{display:block;margin-top:7px;padding:11px 35px 11px 12px;border:1px solid var(--line);border-radius:8px;background:white}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:27px 0 14px}.kpi,.panel{background:#fff;border:1px solid var(--line);border-radius:15px}.kpi{padding:19px}.kpi span{display:block;color:var(--muted);font-size:.76rem;font-weight:800}.kpi b{display:block;font-size:1.65rem;margin:5px 0}.kpi small{color:#358967;font-weight:750}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.panel{padding:20px}.panel.wide{grid-column:span 2}.panel-head{display:flex;justify-content:space-between;margin-bottom:22px}.panel-head span{font-size:.71rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.panel-head b{display:block;margin-top:4px}.legend i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:2px;margin:0 5px 0 10px}.legend i+ i{background:#2a6975}.trend{height:230px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid var(--line);padding:0 5px}.trend .month{flex:1;height:100%;display:flex;align-items:flex-end;gap:3px;position:relative}.trend i{display:block;flex:1;background:var(--green);height:var(--h);border-radius:4px 4px 0 0}.trend i+ i{background:#2a6975;height:var(--p)}.service-list{display:grid;gap:18px}.service-list div{display:grid;grid-template-columns:1fr auto;gap:5px}.service-list span{font-size:.82rem}.service-list b{font-size:.82rem}.service-list i{grid-column:1/-1;height:8px;background:linear-gradient(90deg,var(--green) var(--w),#edf2f0 var(--w));border-radius:5px}.watch{display:grid;gap:12px}.watch div{padding:12px 13px;background:#fff8ed;border-left:3px solid var(--orange);border-radius:4px}.watch em{font-style:normal;text-transform:uppercase;font-size:.67rem;font-weight:900;color:#9b671f}.watch p{font-size:.82rem;line-height:1.4;margin:4px 0 0}.crew-table>div{display:grid;grid-template-columns:1.3fr repeat(3,1fr);padding:12px;border-bottom:1px solid #edf1ef;font-size:.84rem}.crew-table .thead{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.good{color:#22805b}.bad{color:#bf4b47}@media(max-width:980px){.rail{transform:translateX(-100%);transition:.25s}.rail.open{transform:none}.menu{display:block;border:0;background:transparent;font-size:1.3rem}.topbar{justify-content:flex-start;gap:18px}.status{margin-left:auto}main{margin-left:0}.story-card{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.panel.wide{grid-column:span 2}}@media(max-width:650px){.topbar{height:86px;padding:18px 20px}.topbar .eyebrow{display:none}.topbar h1{font-size:1rem}.status{font-size:0;width:33px;height:33px;padding:11px}.view{padding:26px 18px 45px}.story-head{align-items:start}.story-head h2,.dashboard-head h2{font-size:1.8rem}.step-count{display:none}.step-tabs{display:flex;overflow:auto}.step-tab{min-width:95px}.story-copy,.story-viz{padding:25px}.metric-row{grid-template-columns:1fr}.story-controls{gap:8px}.story-controls button{flex:1}.kpis,.grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.dashboard-head{align-items:start;flex-direction:column}.crew-table{overflow:auto}.crew-table>div{min-width:580px}.legend{display:none}}