:root{--paper:#fffdf7;--charcoal:#172033;--coral:#ff5c57;--sun:#ffc83d;--aqua:#27d7c4;--royal:#395bff;--plum:#7b3ff2}
body{background:var(--paper);color:var(--charcoal)}
.sidebar{position:sticky;top:0;inset:auto;width:100%;height:78px;padding:0 38px;background:rgba(255,253,247,.94);color:var(--charcoal);display:flex;align-items:center;border-bottom:2px solid var(--charcoal);box-shadow:none;backdrop-filter:blur(14px)}
.brand{padding:0;min-width:270px}.brand .mark{width:38px;height:38px;border-radius:7px 19px 7px 19px;background:var(--coral);box-shadow:5px 5px 0 var(--sun);color:#fff}.brand strong{font-size:13px;color:var(--charcoal)}.brand span{font-size:10px;color:#667085}
.sidebar nav{display:flex;gap:4px;margin-left:auto}.nav{color:#465063;border-radius:999px;padding:10px 17px;font-size:13px}.nav span{display:none}.nav:hover,.nav.active{background:var(--charcoal);color:#fff;box-shadow:none}.nav.active{box-shadow:none}.nav b{background:var(--sun);color:var(--charcoal)}.side-note{display:none}
main{margin-left:0}.topbar{height:78px;top:78px;padding:12px 42px;background:rgba(255,253,247,.93);border-bottom:1px solid #d8d9dc}.eyebrow{color:var(--coral)}.topbar h1{font:700 24px Georgia,serif}.search{background:#fff;border:1.5px solid var(--charcoal);border-radius:999px}.view{padding:28px 42px 70px;max-width:1500px;margin:auto}
.hero-grid{grid-template-columns:minmax(0,2.3fr) 320px;gap:18px}.hero-card{min-height:420px;padding:44px;background:#f2eee2;color:var(--charcoal);border:2px solid var(--charcoal);border-radius:30px;box-shadow:9px 9px 0 var(--charcoal);overflow:hidden}.hero-card:after{width:240px;height:240px;inset:auto -55px -90px;background:var(--sun);border-radius:50%;opacity:1}.hero-copy{max-width:58%}.live{padding:0;border:0;background:none;color:var(--royal);font-size:12px}.hero-copy h2{font:700 clamp(42px,5vw,72px)/.94 Georgia,serif;letter-spacing:-.06em;color:var(--charcoal);margin:24px 0}.hero-copy em{color:var(--coral);background:none}.hero-copy p{color:#4e5667;font-size:17px;max-width:560px}.hero-tags span{font-size:10px;background:#fff;border:1.5px solid var(--charcoal);color:var(--charcoal);border-radius:999px;box-shadow:2px 2px 0 var(--charcoal)}
.signal-map{width:340px;height:310px;border:2px solid var(--charcoal);border-radius:50% 50% 42% 58%;background:linear-gradient(#17203312 1px,transparent 1px),linear-gradient(90deg,#17203312 1px,transparent 1px),#bff6ed;background-size:30px 30px;transform:rotate(2deg);z-index:2}.signal-map:before,.signal-map:after{border:2px dashed #17203344}.scan{display:none}.map-label{color:var(--charcoal);background:#fff;padding:8px 10px 8px 24px;border:1.5px solid var(--charcoal);border-radius:12px;box-shadow:3px 3px 0 var(--charcoal);line-height:1.1}.map-label i{left:9px;top:12px;background:var(--coral);box-shadow:none}.map-label b{font-size:11px}.map-label small{color:#6d7380}.ml1{top:18px;left:22px}.ml2{top:76px;right:10px}.ml3{bottom:26px;right:14px}.ml4{bottom:46px;left:12px}.map-total{inset:103px 116px;background:var(--royal);border:2px solid var(--charcoal);box-shadow:5px 5px 0 var(--charcoal);transform:rotate(-2deg)}.map-total b{font:700 34px Georgia,serif}.map-total span{color:#fff}
.priority-card{border:2px solid var(--charcoal);border-radius:30px;background:var(--sun);box-shadow:8px 8px 0 var(--charcoal);padding:28px}.priority-card .section-label{color:var(--charcoal)}.gauge path{stroke:#ffffff80}.gauge .value{stroke:var(--royal)}.mini-row{border-color:#17203355}
.kpi-grid{gap:14px;margin:26px 0}.kpi{border:2px solid var(--charcoal);border-radius:24px;box-shadow:5px 5px 0 var(--charcoal);padding:22px}.kpi:after{opacity:.12}.kpi.teal{background:var(--aqua);color:var(--charcoal)}.kpi.blue{background:#b7c5ff;color:var(--charcoal)}.kpi.amber{background:#ffd96b;color:var(--charcoal)}.kpi.violet{background:#e5c8ff;color:var(--charcoal)}.kpi>span,.kpi small{color:#344054}.kpi b{font:700 34px Georgia,serif;color:var(--charcoal)}
.panel{border:2px solid var(--charcoal);box-shadow:6px 6px 0 var(--charcoal);border-radius:24px;background:#fff}.panel h3,.section-intro h2{font-family:Georgia,serif}.section-label{color:var(--royal)}.project-row{border-top:1.5px solid #17203333}.project-row:hover{background:#fff5cf}.project-row .icon{border:1.5px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal)}.radar-value{fill:#ff5c5744;stroke:var(--coral)}.insight{background:#ffd9e8;border:2px solid var(--charcoal)}.insight:before{display:none}.insight-icon{background:var(--coral);color:#fff;border:2px solid var(--charcoal);box-shadow:3px 3px 0 var(--charcoal)}
.filters{background:#ece9df;border:1.5px solid var(--charcoal)}.filters button.active{background:var(--sun);box-shadow:2px 2px 0 var(--charcoal)}.project-card{border:2px solid var(--charcoal);border-radius:24px;box-shadow:6px 6px 0 var(--charcoal)}.project-card:before{height:9px;background:linear-gradient(90deg,var(--coral) 0 25%,var(--sun) 25% 50%,var(--aqua) 50% 75%,var(--royal) 75%)}.project-card:hover{transform:translate(-2px,-4px);box-shadow:9px 10px 0 var(--charcoal)}.pill{border:1px solid var(--charcoal);background:#dffaf6;color:var(--charcoal)}.score{border-color:var(--coral)!important}.metric{background:#f7f4eb;border:1px solid #17203333}.timeline:before{background:var(--charcoal)}.timeline article:after{border-color:var(--charcoal);background:var(--sun)}.timeline article>div,.flow span,.doc-card{border:2px solid var(--charcoal);box-shadow:5px 5px 0 var(--charcoal);border-radius:18px}.timeline span{color:var(--coral)}.flow i{color:var(--coral)}.doc-card:nth-child(4n+1){background:#effffb}.doc-card:nth-child(4n+2){background:#fff7d8}.doc-card:nth-child(4n+3){background:#eef1ff}.doc-card:nth-child(4n+4){background:#ffeaf2}.pdf-icon{border:1.5px solid var(--charcoal);box-shadow:2px 2px 0 var(--charcoal)}.doc-actions .primary{background:var(--royal);border:1px solid var(--charcoal)}
dialog{border:2px solid var(--charcoal);box-shadow:10px 10px 0 var(--charcoal);background:var(--paper)}
@media(max-width:900px){.brand{min-width:auto}.brand div:last-child{display:none}.sidebar{padding:0 16px}.sidebar nav{margin-left:auto}.nav{padding:10px 12px}.topbar{top:78px}.signal-map{display:none}.hero-copy{max-width:100%}}
@media(max-width:720px){.sidebar{inset:auto 0 0;position:fixed;height:66px;border-top:2px solid var(--charcoal);border-bottom:0;z-index:20}.sidebar nav{width:100%;justify-content:space-around}.brand{display:none}.nav{font-size:11px;padding:9px 10px}.topbar{position:static;height:72px}.view{padding:18px 15px 88px}.hero-card{min-height:360px;padding:30px 24px;box-shadow:5px 5px 0 var(--charcoal)}.hero-copy h2{font-size:44px}.hero-copy p{font-size:15px}.priority-card{display:none}.kpi{box-shadow:3px 3px 0 var(--charcoal)}.project-card,.panel{box-shadow:4px 4px 0 var(--charcoal)}}