/* M-003/004: brighter graphite and platinum surfaces, with service accents. */
:root{--bg:#252d39;--surface:linear-gradient(145deg,#d9dce21a,#adb8c10a);--text:#e1e8f0;--muted:#c0cad7;--edge:#d5dce334;--glass:inset 0 1px 0 #f4f5f52e,0 12px 32px #10172230;--eyebrow-ink:#d6e9ff;--eyebrow-fill:#b3d6ff12;--eyebrow-edge:#a7ccf157}
body{background:radial-gradient(ellipse at 0 12%,#d8d9df12,transparent 40%),radial-gradient(ellipse at 100% 65%,#c9cdd51a,transparent 45%),var(--bg)}
.site-header{background:#252d39ed;border-bottom-color:var(--edge)}
.hero{background:radial-gradient(ellipse at 50% 0,#d9dce226,transparent 70%)}
.hero-halo{background:radial-gradient(ellipse,#d9dce22e,transparent 70%)}
.hero-description,.hero-context,.models-intro>p,.models-foot p,.section-context{color:var(--muted)}
.support-models{background:linear-gradient(135deg,#353f4d,#293440 60%,#313943);border-color:var(--edge)}
.model-operations{background:linear-gradient(145deg,#355578,#233b55);--model-muted:#c7d9eb}
.model-office{background:linear-gradient(145deg,#356357,#243f39);--model-muted:#c5e0d3}
.model-management{background:linear-gradient(145deg,#746044,#443a2b);--model-muted:#e2d4bc}
.model-card{box-shadow:inset 0 1px 0 #f2f2f24a,0 16px 35px #10172235}
#wsparcie-budowy{background:radial-gradient(ellipse at 10% 0,#ccd9e622,transparent 65%),linear-gradient(145deg,#314657,#253746)}
.administration-section{background:radial-gradient(ellipse at 90% 0,#d2d9d922,transparent 55%),linear-gradient(135deg,#2d4942,#293d38);--muted:#c3d3cc}
.admin-work-grid article,.admin-boundary,.admin-tools{background:linear-gradient(145deg,#d4dedc10,#d4dedc04);border-color:#c3d5cc40}
.admin-work-grid ul,.admin-tools p,.admin-outcomes p{color:#c3d3cc}
.project-services{background:radial-gradient(ellipse at 80% 0,#e0dbd122,transparent 60%),linear-gradient(140deg,#494237,#38342d);--muted:#d1c8ba;--edge:#ded4c643}
.project-services .ps-lead,.project-services .ps-manager-list li{color:#d8d0c2}
.ps-manager,.role-grid article{background:linear-gradient(145deg,#dbe0e212,#bdc5cd06)}
.role-grid article+article{background:linear-gradient(145deg,#d6cab91c,#b7a6870a)}
.role-grid ul,.static-example dd{color:#c2cedc}
.examples-section{background:linear-gradient(180deg,#303b4a,#252d39);border-color:var(--edge)}
.collaboration-section .ps-package{background:linear-gradient(145deg,#d5dae112,#d5dae106)}
.collaboration-section .ps-package-premium{background:linear-gradient(145deg,#68605180,#45403760)}
.ps-package dd{color:#c9c9c9}.ps-package dt,.ps-tech-grid h4{color:#e5d3b4}
.contact-section{background:linear-gradient(140deg,#323d4c,#242e3b)}
.contact-section .ps-configurator{background:linear-gradient(145deg,#404750,#303844)}
#config-dialog{background:linear-gradient(140deg,#394453,#242e3b);border-color:#c8d4e05c}
.problem-label textarea,input[type=text],select,textarea{background:#d1d9e00d;color:#f1f4f8}
option{background:#303c4d;color:#f1f4f8}
.static-example,.status-notice,.situation-grid>a,.situation-grid>button{background:linear-gradient(145deg,#d5dce30d,#d5dce304)}
/* All section and card overlines share one clear typographic hierarchy. */
body :is(.eyebrow,.ps-label,.chapter-label,.integration-label,.sector-strip>span,.admin-boundary>span,.admin-outcomes>div>span,.model-card-head>span:last-child,.model-result>span,.micro-heading,.visual-label,.role-grid .tag){
 display:inline-flex;align-items:center;gap:0;max-width:100%;width:fit-content;padding:8px 12px;
 border:1px solid var(--eyebrow-edge);border-left:3px solid var(--eyebrow-ink);border-radius:3px 8px 8px 3px;
 background:var(--eyebrow-fill);color:var(--eyebrow-ink);font:600 .875rem/1.55 var(--mono);letter-spacing:.075em;
 white-space:normal;overflow-wrap:anywhere;text-align:left;box-shadow:inset 0 1px 0 #ffffff0a;
}
body .eyebrow{margin-bottom:26px}body .eyebrow:before,body .eyebrow:after{display:none}
body .ps-label{margin-bottom:12px}body .model-result>span{display:table;margin-bottom:13px}
body .micro-heading{font-size:.8rem;gap:8px;margin-bottom:20px}
.model-office,.administration-section{--eyebrow-ink:#b8efd8;--eyebrow-fill:#bbe8d910;--eyebrow-edge:#b4dfcb50}
.model-management,.project-services,.collaboration-section,.benefits-section,.role-grid article+article{--eyebrow-ink:#f1d5a5;--eyebrow-fill:#e6cda312;--eyebrow-edge:#e2c69d50}
.chapter-heading{flex-wrap:wrap}.chapter-label{flex:0 1 auto}.chapter-heading>a{margin-left:auto}
.ps-kicker{flex-wrap:wrap}.model-card-head{align-items:flex-start;flex-wrap:wrap}.model-card-head>span:last-child{max-width:100%}
.model-card h3{overflow-wrap:anywhere}.model-card>p{line-height:1.8}.model-result{line-height:1.8}
/* M-009: cards participate in layout instead of projecting outside the viewport. */
#demo.showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:22px;padding:24px 0;min-height:0;overflow:visible;isolation:isolate;animation:none}
#demo .float-card,#demo .cockpit{position:relative;inset:auto;width:100%;min-width:0;max-width:100%;transform:none;opacity:1;display:block;margin:0;background:linear-gradient(145deg,#424d5d,#293342);overflow-wrap:anywhere}
#demo .float-card{padding:20px;z-index:1}#demo .cockpit{z-index:2}
#demo .micro-heading{font-size:.75rem;letter-spacing:.03em;padding:6px 8px}
#demo .card-line{flex-wrap:wrap;gap:9px}#demo .tag{white-space:normal}
#demo .person{align-items:flex-start}#demo .display-date{flex-wrap:wrap;gap:10px}
#demo .demo-tabs{gap:16px;flex-wrap:wrap}#demo .demo-tabs button{min-height:44px}
#demo .demo-bottom{flex-wrap:wrap}#demo .issue-flow{flex-wrap:wrap;gap:10px}
#demo .bar{font-size:.75rem}#demo .person strong,#demo .person small,#demo .display-item strong,#demo .display-item small,#demo .display-foot{font-size:.875rem;line-height:1.65}
/* M-014–016: a single benefits section replaces the repeated five-step process. */
.benefits-section .section-intro{max-width:900px}.benefits-intro{max-width:820px;margin-left:auto;margin-right:auto}
.benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.benefits-grid article{position:relative;min-width:0;padding:32px;border:1px solid #d9dce33d;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#d9dce216,transparent 65%),linear-gradient(135deg,#d9dce20c,#d9dce204);box-shadow:inset 0 1px 0 #e7e9ed24}
.benefit-number{display:block;font:500 .875rem var(--mono);color:#d8c4a4;margin-bottom:24px}
.benefits-grid h3{font-size:1.45rem;line-height:1.3;margin-bottom:18px;color:#edf0f5}.benefits-grid p{font-size:1rem;line-height:1.85}
.benefits-closing{font-size:1.3rem;line-height:1.65;text-align:center;max-width:800px;margin:38px auto 0;color:#e3d6c0}
@media(max-width:1190px){#demo.showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#demo .cockpit{grid-row:1;grid-column:1/-1}#demo .issue-card{grid-row:2;grid-column:1}#demo .display-card{grid-row:2;grid-column:2}}
@media(max-width:900px){.site-header nav{background:#273340fa}}
@media(max-width:700px){#demo.showcase{grid-template-columns:minmax(0,1fr);gap:20px}#demo .cockpit,#demo .issue-card,#demo .display-card{grid-column:1;grid-row:auto}#demo .cockpit{order:0}#demo .issue-card{order:1}#demo .display-card{order:2}#demo .cockpit-title{padding:20px 16px}#demo .demo-tabs{padding:0 16px;gap:16px}#demo #demo-panel{padding:16px 14px 0}#demo .timeline-label{grid-template-columns:76px repeat(5,1fr)}#demo .timeline-row>span{width:76px}#demo .bar{padding:0 4px}.benefits-grid{grid-template-columns:1fr}.benefits-grid article{padding:26px}.benefits-closing{font-size:1.12rem}.chapter-heading>a{margin-left:0}body :is(.eyebrow,.ps-label,.chapter-label,.integration-label,.sector-strip>span,.admin-boundary>span,.admin-outcomes>div>span,.model-card-head>span:last-child,.model-result>span){font-size:.875rem;letter-spacing:.04em}.hero-halo{max-width:100%}.benefits-section{padding-top:65px}}
@media(prefers-reduced-motion:no-preference){.benefits-grid article{transition:border-color .2s,box-shadow .2s}.benefits-grid article:hover{border-color:#d9dce379;box-shadow:inset 0 1px 0 #fff4,0 14px 30px #11172224}}