/* Reactive or proactive: ladder, posture band, posture page and leadership page. Site theme tokens; light and dark. Reuses pr-, fp-, sg-, mq- styles. */
.pl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;align-items:start}
.pl-step{position:relative;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:6px;align-content:start;min-width:0}
.pl-s1{margin-top:42px}.pl-s2{margin-top:28px}.pl-s3{margin-top:14px}
.pl-compact .pl-s1,.pl-compact .pl-s2,.pl-compact .pl-s3{margin-top:0}
.pl-step .pl-name{margin:0;font:700 1.05rem/1.25 var(--display)}
.pl-num{color:var(--gold)}
.pl-line{margin:0;font-size:.92rem;color:var(--ink-2)}
.pl-dh{margin:6px 0 0;font:500 .72rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.pl-days{margin:0;padding-left:1.1em;display:grid;gap:4px;font-size:.88rem;color:var(--ink-2)}
.pl-ico{display:block}
.pl-bar{fill:var(--line)}
.pl-bar.on{fill:var(--gold-fill)}
.pl-here{border:2px solid var(--gold-fill);background:color-mix(in srgb,var(--gold-fill) 12%,var(--surface))}
.pl-tag{justify-self:start;font:600 .75rem/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--gold-fill);border-radius:3px;padding:5px 8px}
.pl-foot,.pl-more{margin:12px 0 0;font-size:.92rem;color:var(--ink-2)}
.pl-more a{font-weight:600}
@media (max-width:760px){.pl-steps{grid-template-columns:1fr}.pl-s1,.pl-s2,.pl-s3{margin-top:0}}
/* band on Observability, Predictive and For leaders */
.pl-band{margin:22px 0;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:10px;justify-items:start}
.pl-band h2{margin:0;font:700 1.35rem/1.25 var(--display)}
.pl-band p{margin:0;color:var(--ink-2)}
.pl-band .pl{width:100%}
/* posture page */
.po-go{margin:20px 0 22px}
.po-go .btn{font-size:1.1rem;padding:16px 28px}
.po-lad{margin:14px 0}
.po-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px}
.po-stat{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:8px;align-content:start;min-width:0}
.po-stat p{margin:0}
.po-big{font:800 2.2rem/1 var(--display);font-stretch:108%;color:var(--gold)}
.po-stat .pr-quote{padding:0;border:0;background:none}
.po-vendor{margin:14px 0 0;max-width:72ch;font-size:.92rem;color:var(--ink-2)}
.po-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.po-col{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;gap:10px;align-content:start;min-width:0}
.po-col h3{margin:0;font-size:1.05rem}
.po-col ul{margin:0;padding-left:1.1em;display:grid;gap:6px;color:var(--ink-2);font-size:.93rem}
.po-col p{margin:0}
.po-sup{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--line)}
.po-note{font-weight:600;color:var(--ink)}
.po-defs{margin:10px 0 0;display:grid;gap:8px;max-width:72ch;color:var(--ink-2)}
.po-defs dt{font-weight:600;color:var(--ink)}
.po-defs dd{margin:0}
.po-rules{margin:12px 0 0;padding-left:1.4em;display:grid;gap:8px;max-width:72ch}
.po-charts{display:grid;gap:8px;margin-top:14px}
.pl-l1{fill:none;stroke:var(--gold-fill);stroke-width:3}
.pl-l2{fill:none;stroke:var(--teal);stroke-width:3;stroke-dasharray:6 4}
.po-ask{display:grid;gap:10px;justify-items:start;margin-top:8px}
.po-ask p{margin:0}
.po-ask>div{width:100%}
.po-teasers{margin:36px 0 0;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:8px}
.po-teasers p{margin:0}
/* leadership page */
.rp-quote{margin:18px 0;padding:20px 24px;border-left:5px solid var(--gold-fill);background:var(--surface);font:700 clamp(1.4rem,3vw,2rem)/1.25 var(--display);color:var(--ink)}
.rp-nums{margin:12px 0 0;padding-left:1.4em;display:grid;gap:10px;max-width:72ch}
.rp-roi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px}
.rp-balance{margin-top:16px;border-left:4px solid var(--gold-fill)}
@media (max-width:980px){.po-cols{grid-template-columns:1fr}}
/* "Want the full picture?" block under three checks */
.ro{margin-top:16px;padding:18px 20px;border:2px solid var(--gold-fill);border-radius:8px;background:var(--surface);display:grid;gap:10px;justify-items:start}
.ro-h{margin:0;font:700 1.15rem/1.3 var(--display)}
.ro p{margin:0}
.ro-priv{font-size:.88rem;color:var(--ink-2)}
/* /report questionnaire */
.rq form{display:grid;gap:16px;max-width:760px;margin-top:18px}
.rq-g{margin:18px 0 0;font:700 1.15rem/1.3 var(--display)}
.rq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.rq .field input,.rq .field textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--ground);color:var(--ink)}
.rq-req{font-weight:400;font-size:.85rem;color:var(--ink-3)}
.rq-hint{font-weight:400;font-size:.85rem;color:var(--ink-3)}
.rq-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.rq-consent input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--ink)}
.rq-done{font-size:1.05rem;padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:6px;background:var(--surface)}
.rq form[hidden]{display:none}
.pl-band>[data-ladder]{width:100%}
.em>.pl-band{margin:0;border-radius:0;border-width:2px 0 0}