/* v51 dial fix: project-tinted HUMAN (manual) wheel only */
@property --manual-tint{syntax:'<color>';inherits:true;initial-value:#acbfd1}
.op-map{transition:--manual-tint .3s ease-out}
.manual-wheel .comparison-rotor{border-color:color-mix(in srgb,var(--manual-tint) 70%,#6d8297)!important;box-shadow:inset 0 0 0 15px #1b2f42,inset 0 0 0 16px color-mix(in srgb,var(--manual-tint) 55%,#43576b),0 0 18px color-mix(in srgb,var(--manual-tint) 18%,transparent)!important}
.manual-wheel .comparison-item.is-current>span{border-color:var(--manual-tint)!important;box-shadow:0 0 0 1px var(--manual-tint),0 0 16px color-mix(in srgb,var(--manual-tint) 40%,transparent)!important}
#manual-progress{accent-color:var(--manual-tint)}
#manual-progress::-webkit-progress-value{background:var(--manual-tint)}
#manual-progress::-moz-progress-bar{background:var(--manual-tint)}
.project-pin{transform-origin:50% 0}
@media(prefers-reduced-motion:reduce){.op-map{transition:none}}
/* mini stage pie under each project code */
.project-sector>span.project-chip{position:absolute;display:grid!important;place-items:center;width:42px!important;height:42px!important;min-height:0!important;left:calc(50% - 21px)!important;padding:0!important;gap:0!important}
.project-pie{grid-area:1/1;width:42px;height:42px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.project-code{grid-area:1/1;position:relative;z-index:1;color:#0b1a1e;font-size:8px;font-weight:800;letter-spacing:.02em;line-height:1}
.project-sector.is-preview>span.project-chip{border-color:transparent!important;background:none!important}
.project-sector.is-preview .project-pie{filter:drop-shadow(0 0 6px var(--project-accent))}
/* v52 hero copy */
.hero-question{max-width:760px;margin:18px auto 0;font-size:clamp(17px,1.6vw,21px);line-height:1.45;color:#cfe3e0;font-style:italic}
.hero h1#headline{font-size:clamp(32px,4vw,54px)!important;max-width:900px}
.hero h1#headline .accent:empty,.hero h1#headline .accent:empty~*,.hero h1#headline br:has(+ .accent:empty){display:none}
.hero .strategy-line:empty{display:none}
@media(max-width:640px){.hero-question{font-size:16px;margin-top:14px}.hero h1#headline{font-size:clamp(28px,8vw,36px)!important}}
/* v52 offers intro */
#pilot-content .offers-questions{color:#cfe3e0}
#pilot-content .offers-statement{font-weight:600;color:#eaf4f2;margin-top:10px}
.hero-proof{max-width:760px;margin:18px auto 0;font-size:14.5px;line-height:1.55;color:#9fb6bd}
.hero-proof strong{color:#eaf6f2;font-weight:650}
@media(max-width:640px){.hero-proof{font-size:13.5px;padding:0 14px}}
/* v52 before/after beat */
.before-line{margin:6px 0 10px;font-size:12.5px;color:#9fb6bd}
.op-map .assisted-wheel,.op-map .parallel-kpi-grid,.op-map #comparison-totals{transition:opacity .4s ease,filter .4s ease}
.op-map.tp-before .assisted-wheel,.op-map.tp-before .parallel-kpi-grid,.op-map.tp-before #comparison-totals{opacity:.22;filter:saturate(.3)}
.manual-wheel{position:relative}
.op-map.tp-before .manual-wheel{box-shadow:0 0 0 1px color-mix(in srgb,var(--manual-tint,#acbfd1) 60%,transparent),0 0 26px -6px var(--manual-tint,#acbfd1);border-radius:14px;transition:box-shadow .4s ease}
.before-badge{position:absolute;left:50%;top:44px;transform:translateX(-50%);z-index:6;white-space:nowrap;padding:7px 14px;border-radius:99px;background:rgba(16,30,38,.94);border:1px solid #3a5560;color:#f0f7f5;font-size:13px;font-weight:650;box-shadow:0 10px 28px -14px rgba(0,0,0,.8);transition:opacity .4s ease}
.before-badge.out{opacity:0}
@media(max-width:560px){.before-badge{white-space:normal;width:86%;text-align:center;font-size:12px}}
@media(prefers-reduced-motion:reduce){.op-map .assisted-wheel,.op-map .parallel-kpi-grid{transition:none}}
/* blended wheel: colour "glory" on hover/preview + medium outline (matches Horizon demo) */
.project-ring{border-width:3px!important;border-color:#4f6e66!important}
.project-pie{transition:transform .35s cubic-bezier(.2,.7,.3,1),filter .35s}
.project-sector.is-hover .project-pie,.project-sector.is-preview .project-pie{transform:scale(1.18);filter:drop-shadow(0 0 7px var(--project-accent)) drop-shadow(0 0 2px var(--project-accent))}
@media(prefers-reduced-motion:reduce){.project-pie{transition:none}}