.staff-planning-page {
    --staff-navy: #061526;
    --staff-navy-soft: #0b2036;
    --staff-ink: #111827;
    --staff-muted: #657080;
    --staff-line: #dce1ea;
    --staff-purple: #4d3ff0;
    --staff-cyan: #28bedc;
    --staff-blue-paper: #edf6ff;
    --staff-lilac: #f2f1ff;
    --staff-green: #27a775;
    --staff-amber: #d9942b;
    --staff-red: #e44958;
    background: #fff;
}

.staff-planning-page .page-shell { overflow: hidden; }
.staff-planning-page .container { width: min(calc(100% - 64px), 1320px); }
.staff-planning-page h1,
.staff-planning-page h2,
.staff-planning-page h3 { letter-spacing: -.045em; }
.staff-planning-page h2 { margin: 0; font-size: clamp(2.25rem, 3.25vw, 3.9rem); font-weight: 500; line-height: .98; }
.staff-planning-page img { display: block; }
.staff-planning-page .eyebrow { color: #049bb9; }

.staff-hero { padding: 112px 0 70px; background: #fff; }
.staff-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(560px, 1.1fr); gap: clamp(42px, 4vw, 66px); align-items: center; }
.staff-hero-grid > *,
.staff-experience-grid > *,
.staff-split > * { min-width: 0; }
.staff-hero-copy h1 { max-width: 720px; margin: 18px 0 26px; color: var(--staff-ink); font-size: clamp(2.8rem, 3.4vw, 4.2rem); font-weight: 500; line-height: .94; }
.staff-hero-copy > p:not(.eyebrow):not(.staff-data-note) { max-width: 620px; margin: 0; color: var(--staff-muted); font-size: 1.05rem; line-height: 1.72; }
.staff-actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 34px; }
.staff-text-link { display: inline-flex; gap: 9px; align-items: center; color: var(--staff-purple); font-size: .87rem; font-weight: 650; text-decoration: none; }
.staff-text-link img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-data-note { display: flex; gap: 9px; align-items: center; margin: 28px 0 0; color: #7b8493; font-size: .78rem; }
.staff-data-note img { opacity: .62; }

.staff-hero-dashboard { border: 1px solid var(--staff-line); background: #fff; box-shadow: 0 28px 80px rgba(25, 42, 68, .1); }
.staff-dashboard-bar { display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 10px 16px; border-bottom: 1px solid var(--staff-line); }
.staff-dashboard-bar div { display: flex; gap: 9px; align-items: center; }
.staff-dashboard-bar span { color: #7b8492; font: 500 .61rem/1.4 "JetBrains Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.staff-dashboard-bar strong { font-size: .78rem; }
.staff-coverage { overflow: hidden; }
.staff-coverage-head,
.staff-coverage-row { display: grid; grid-template-columns: 1.48fr repeat(7, .68fr); align-items: stretch; }
.staff-coverage-head { color: #677180; background: #f7f9fc; font-size: .59rem; }
.staff-coverage-head > *,
.staff-coverage-row > * { display: grid; min-height: 44px; place-items: center; padding: 6px 5px; border-right: 1px solid #e4e7ed; }
.staff-coverage-head > *:last-child,
.staff-coverage-row > *:last-child { border-right: 0; }
.staff-coverage-head > span:first-child { justify-items: start; padding-left: 12px; font-weight: 650; }
.staff-coverage-head strong { display: block; font-size: .61rem; }
.staff-coverage-row { border-top: 1px solid #e4e7ed; }
.staff-coverage-row > strong { justify-items: start; padding-left: 12px; font-size: .68rem; }
.staff-coverage-row small { display: block; margin-top: 2px; color: #8b93a0; font-size: .54rem; font-weight: 400; }
.staff-coverage-row > span { font: 600 .61rem/1 "JetBrains Mono", monospace; }
.staff-coverage-row .is-good { color: #147a58; background: #e8f7ef; }
.staff-coverage-row .is-watch { color: #ad6816; background: #fff3dd; }
.staff-coverage-row .is-critical { color: #b93648; background: #ffeaed; }
.staff-dashboard-lower { display: grid; grid-template-columns: 1fr 1.15fr; border-top: 1px solid var(--staff-line); }
.staff-dashboard-lower > article { padding: 16px; }
.staff-dashboard-lower > article + article { border-left: 1px solid var(--staff-line); }
.staff-dashboard-lower h2 { margin: 0 0 11px; font-size: .73rem; font-weight: 650; letter-spacing: -.02em; }
.staff-constraint-summary p { display: grid; grid-template-columns: 20px 1fr; gap: 2px 8px; margin: 0 0 10px; }
.staff-constraint-summary img { grid-row: 1 / span 2; filter: invert(60%) sepia(74%) saturate(2011%) hue-rotate(321deg) brightness(98%) contrast(86%); }
.staff-constraint-summary strong { font-size: .64rem; }
.staff-constraint-summary span { color: #858d99; font-size: .56rem; }
.staff-approval-queue h2 span { color: var(--staff-purple); }
.staff-approval-queue > div { display: grid; grid-template-columns: 20px minmax(0,1fr) auto auto; gap: 7px; align-items: center; padding: 7px 0; border-top: 1px solid #e7e9ef; }
.staff-approval-queue > div img { opacity: .62; }
.staff-approval-queue p { margin: 0; }
.staff-approval-queue strong,
.staff-approval-queue small { display: block; }
.staff-approval-queue strong { font-size: .62rem; }
.staff-approval-queue small { color: #838b98; font-size: .52rem; }
.staff-approval-queue > div > span { color: #6f7785; font-size: .53rem; }
.staff-approval-queue em { font-size: .53rem; font-style: normal; }
.staff-approval-queue em.is-high { color: var(--staff-red); }
.staff-approval-queue em.is-medium { color: var(--staff-amber); }
.staff-approval-queue > a { display: flex; gap: 6px; align-items: center; margin-top: 8px; color: var(--staff-purple); font-size: .58rem; font-weight: 650; text-decoration: none; }
.staff-approval-queue > a img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-dashboard-footer { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; padding: 11px 16px; border-top: 1px solid var(--staff-line); color: #777f8c; font-size: .55rem; }
.staff-dashboard-footer strong { color: #313947; }
.staff-dashboard-footer a { color: var(--staff-purple); text-decoration: none; }

.staff-failures { padding: 36px 0 40px; color: #fff; background: var(--staff-navy); }
.staff-failures .eyebrow { margin-bottom: 27px; color: #69e6ff; }
.staff-failure-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
.staff-failure-grid article { display: grid; grid-template-columns: 42px 1fr; gap: 16px; min-height: 125px; padding: 22px; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); }
.staff-failure-grid img { filter: invert(63%) sepia(70%) saturate(1697%) hue-rotate(152deg) brightness(103%) contrast(102%); }
.staff-failure-grid h2 { margin: 0 0 9px; font-size: 1rem; font-weight: 600; letter-spacing: -.03em; }
.staff-failure-grid p { margin: 0; color: rgba(255,255,255,.6); font-size: .76rem; line-height: 1.55; }

.staff-section { padding: 88px 0; }
.staff-heading { margin-bottom: 39px; }
.staff-heading .eyebrow { margin-bottom: 16px; }
.staff-heading > p:last-child { max-width: 650px; margin: 21px 0 0; color: var(--staff-muted); line-height: 1.68; }
.staff-heading-dark h2 { color: #fff; }
.staff-heading-dark > p:last-child { color: rgba(255,255,255,.62); }
.staff-organisation { background: #fff; }
.staff-organisation-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; border-top: 1px solid var(--staff-line); border-bottom: 1px solid var(--staff-line); }
.staff-organisation-flow article { display: grid; min-height: 170px; place-items: center; padding: 24px 16px; text-align: center; }
.staff-organisation-flow article img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-organisation-flow h3 { margin: 21px 0 7px; font-size: 1rem; }
.staff-organisation-flow p { margin: 0; color: var(--staff-muted); font-size: .75rem; }
.staff-flow-arrow { opacity: .45; }

.staff-rules { background: var(--staff-blue-paper); }
.staff-rules-table { overflow-x: auto; border: 1px solid #cdd9e4; background: #fff; }
.staff-rules-head,
.staff-rules-row { display: grid; grid-template-columns: 1.12fr 1.7fr .6fr repeat(7, .4fr) .66fr; min-width: 1050px; align-items: stretch; }
.staff-rules-head { color: #687280; background: #f7f9fc; font: 600 .58rem/1.4 "JetBrains Mono", monospace; text-transform: uppercase; }
.staff-rules-head > *,
.staff-rules-row > * { display: grid; min-height: 47px; place-items: center; padding: 8px; border-right: 1px solid #e2e6ed; }
.staff-rules-head > *:nth-child(-n+3),
.staff-rules-row > *:nth-child(-n+3) { justify-items: start; }
.staff-rules-head > *:last-child,
.staff-rules-row > *:last-child { border-right: 0; }
.staff-rules-row { border-top: 1px solid #e2e6ed; font-size: .68rem; }
.staff-rules-row p { margin: 0; color: #697281; line-height: 1.45; }
.staff-rules-row > span:nth-child(3) { color: #6f7784; }
.staff-rule-state img { opacity: .9; }
.staff-rule-state.is-ok img { filter: invert(54%) sepia(52%) saturate(646%) hue-rotate(107deg) brightness(88%) contrast(88%); }
.staff-rule-state.is-warn img { filter: invert(63%) sepia(66%) saturate(1346%) hue-rotate(352deg) brightness(90%) contrast(88%); }
.staff-rule-state.is-error img { filter: invert(38%) sepia(65%) saturate(1637%) hue-rotate(317deg) brightness(97%) contrast(89%); }
.staff-rules-row em { color: var(--staff-green); font-style: normal; font-weight: 650; }

.staff-alerts { color: #fff; background: var(--staff-navy); }
.staff-alert-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.staff-alert-grid article { display: flex; min-height: 260px; flex-direction: column; padding: 26px; border: 1px solid rgba(255,255,255,.22); }
.staff-alert-grid header { display: grid; grid-template-columns: 32px 1fr; gap: 13px; align-items: center; }
.staff-alert-grid header img { filter: invert(1); opacity: .8; }
.staff-alert-grid h3 { margin: 0; font-size: 1.2rem; }
.staff-alert-grid h3 span { color: #8a94a2; }
.staff-alert-grid ul { padding: 0; margin: 33px 0 22px; list-style: none; }
.staff-alert-grid li { padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.68); font-size: .8rem; }
.staff-alert-grid a { display: flex; gap: 7px; align-items: center; margin-top: auto; color: #83eaff; font-size: .78rem; font-weight: 650; text-decoration: none; }
.staff-alert-grid a img { filter: invert(1); }
.staff-alert-grid .is-amber { box-shadow: inset 0 3px 0 var(--staff-amber); }
.staff-alert-grid .is-red { box-shadow: inset 0 3px 0 var(--staff-red); }
.staff-alert-grid .is-blue { box-shadow: inset 0 3px 0 #4c86e8; }

.staff-mid-cta { padding: 54px 0; color: #fff; background: var(--staff-purple); }
.staff-mid-cta .container { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 30px; align-items: center; }
.staff-mid-cta > .container > img { filter: invert(1); opacity: .9; }
.staff-mid-cta h2 { max-width: 850px; font-size: clamp(1.8rem, 2.45vw, 2.9rem); }
.staff-mid-cta p { margin: 10px 0 0; color: rgba(255,255,255,.74); }
.staff-button-light { border-color: #fff; color: #302a67; background: #fff; }
.staff-button-light:hover { border-color: var(--staff-navy); color: #fff; background: var(--staff-navy); }

.staff-workflow { background: #fff; }
.staff-workflow-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; margin: 0; list-style: none; border-top: 1px solid var(--staff-line); border-left: 1px solid var(--staff-line); }
.staff-workflow-list li { position: relative; min-height: 215px; padding: 28px; border-right: 1px solid var(--staff-line); border-bottom: 1px solid var(--staff-line); }
.staff-workflow-list li > span { position: absolute; top: 25px; right: 25px; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--staff-purple); font-family: "JetBrains Mono", monospace; font-size: .69rem; }
.staff-workflow-list img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-workflow-list h3 { margin: 38px 0 10px; font-size: 1.16rem; }
.staff-workflow-list p { margin: 0; color: var(--staff-muted); font-size: .82rem; line-height: 1.65; }

.staff-experiences { background: var(--staff-lilac); }
.staff-experience-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr); gap: 32px; }
.staff-manager-panel,
.staff-mobile-panel { border: 1px solid #cfd3e6; background: #fff; }
.staff-manager-panel > header,
.staff-mobile-panel > header { display: flex; justify-content: space-between; align-items: end; min-height: 92px; padding: 20px 22px; border-bottom: 1px solid #e0e3eb; }
.staff-manager-panel small,
.staff-mobile-panel small { color: var(--staff-purple); font: 600 .62rem/1.4 "JetBrains Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.staff-manager-panel h3,
.staff-mobile-panel h3 { margin: 5px 0 0; font-size: 1.25rem; }
.staff-manager-panel > header > span { color: #6d7583; font-size: .72rem; }
.staff-manager-table { overflow-x: auto; padding: 18px; }
.staff-manager-head,
.staff-manager-row { display: grid; grid-template-columns: 1.22fr repeat(7, .72fr); min-width: 650px; }
.staff-manager-head { color: #747d8a; font: 600 .56rem/1.4 "JetBrains Mono", monospace; text-transform: uppercase; }
.staff-manager-head > *,
.staff-manager-row > * { display: grid; min-height: 41px; place-items: center; padding: 6px 4px; border-right: 1px solid #e4e7ee; border-bottom: 1px solid #e4e7ee; }
.staff-manager-head > *:first-child,
.staff-manager-row > *:first-child { justify-items: start; padding-left: 9px; border-left: 1px solid #e4e7ee; }
.staff-manager-row strong { font-size: .64rem; }
.staff-manager-row span { margin: 4px; border-radius: 3px; color: #536071; background: #f0f2f6; font-size: .55rem; }
.staff-manager-row .is-jour { color: #196d51; background: #dff4e9; }
.staff-manager-row .is-nuit { color: #4443a7; background: #e7e5ff; }
.staff-manager-row .is-formation { color: #a26419; background: #ffefd4; }
.staff-manager-panel > footer { display: flex; flex-wrap: wrap; gap: 18px; padding: 0 18px 20px; color: #6e7784; font-size: .62rem; }
.staff-manager-panel > footer span { display: flex; gap: 6px; align-items: center; }
.staff-manager-panel > footer i { width: 9px; height: 9px; border-radius: 2px; background: #f0f2f6; }
.staff-manager-panel > footer .is-day { background: #a3dfc0; }
.staff-manager-panel > footer .is-night { background: #aaa7f3; }
.staff-manager-panel > footer .is-training { background: #f3c77e; }
.staff-mobile-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; padding-bottom: 20px; }
.staff-mobile-panel > header { grid-column: 1 / -1; }
.staff-mobile-screen { margin-left: 20px; padding: 16px; border: 1px solid #cbd0dd; border-radius: 18px; box-shadow: 0 12px 32px rgba(33,42,65,.08); }
.staff-mobile-top { display: flex; justify-content: space-between; align-items: center; }
.staff-mobile-screen > p { margin: 7px 0 11px; color: #7e8794; font-size: .58rem; }
.staff-mobile-screen ol { padding: 0; margin: 0; list-style: none; }
.staff-mobile-screen li { display: grid; grid-template-columns: .65fr 1fr; gap: 2px 8px; padding: 8px 0; border-top: 1px solid #e3e6ed; font-size: .58rem; }
.staff-mobile-screen li span { color: #747d89; }
.staff-mobile-screen li em { grid-column: 2; color: var(--staff-purple); font-style: normal; }
.staff-mobile-cards { display: grid; gap: 12px; align-content: center; padding-right: 18px; }
.staff-mobile-cards > div { display: grid; grid-template-columns: 24px 1fr; gap: 10px; padding: 14px; border: 1px solid #d9dce6; }
.staff-mobile-cards > div img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-mobile-cards p { margin: 0; }
.staff-mobile-cards strong,
.staff-mobile-cards span { display: block; }
.staff-mobile-cards strong { font-size: .69rem; }
.staff-mobile-cards span { margin-top: 4px; color: #7a8390; font-size: .57rem; }
.staff-mobile-cards em { grid-column: 2; color: var(--staff-amber); font-size: .58rem; font-style: normal; }

.staff-integrations { color: #fff; background: var(--staff-navy); }
.staff-integration-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1.08fr auto 1fr auto 1fr; align-items: center; }
.staff-integration-flow article { display: grid; grid-template-columns: 32px 1fr; gap: 12px; min-height: 104px; align-items: center; padding: 18px; border: 1px solid rgba(255,255,255,.24); }
.staff-integration-flow article.is-primary { border-color: #83eaff; background: rgba(77,63,240,.2); }
.staff-integration-flow article img { filter: invert(1); opacity: .78; }
.staff-integration-flow h3 { margin: 0 0 5px; font-size: .9rem; letter-spacing: -.02em; }
.staff-integration-flow p { margin: 0; color: rgba(255,255,255,.58); font-size: .65rem; line-height: 1.45; }
.staff-integration-arrow { margin: 0 10px; filter: invert(1); opacity: .5; }

.staff-comparison { background: #fff; }
.staff-split { display: grid; grid-template-columns: minmax(270px, .68fr) minmax(0, 1.32fr); gap: clamp(55px, 8vw, 125px); }
.staff-comparison-table { border: 1px solid var(--staff-line); }
.staff-comparison-head,
.staff-comparison-row { display: grid; grid-template-columns: .9fr 1fr 1fr; }
.staff-comparison-head { color: #68717f; background: #f6f8fb; font: 600 .62rem/1.4 "JetBrains Mono", monospace; text-transform: uppercase; }
.staff-comparison-head > *,
.staff-comparison-row > * { padding: 14px 16px; border-right: 1px solid #e1e5ec; }
.staff-comparison-head > *:last-child,
.staff-comparison-row > *:last-child { border-right: 0; }
.staff-comparison-row { border-top: 1px solid #e1e5ec; font-size: .77rem; line-height: 1.45; }
.staff-comparison-row span { color: #697281; }
.staff-comparison-row span:last-child { color: #35309b; background: #f3f2ff; }

.staff-process { background: var(--staff-blue-paper); }
.staff-process-list { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); padding: 0; margin: 0; list-style: none; border-top: 1px solid #cdd9e4; border-left: 1px solid #cdd9e4; }
.staff-process-list li { position: relative; min-height: 190px; padding: 23px; border-right: 1px solid #cdd9e4; border-bottom: 1px solid #cdd9e4; background: rgba(255,255,255,.55); }
.staff-process-list li > span { position: absolute; top: 22px; right: 22px; color: var(--staff-purple); font: 600 .65rem/1 "JetBrains Mono", monospace; }
.staff-process-list img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-process-list h3 { margin: 40px 0 8px; font-size: 1rem; }
.staff-process-list p { margin: 0; color: var(--staff-muted); font-size: .72rem; line-height: 1.55; }

.staff-faq { background: #fff; }
.staff-faq-list { border-top: 1px solid var(--staff-line); }
.staff-faq-list details { border-bottom: 1px solid var(--staff-line); }
.staff-faq-list summary { display: grid; grid-template-columns: minmax(0,1fr) 18px; gap: 22px; align-items: center; padding: 19px 0; font-weight: 600; cursor: pointer; list-style: none; }
.staff-faq-list summary::-webkit-details-marker { display: none; }
.staff-faq-list summary img { transition: transform .25s ease; }
.staff-faq-list details[open] summary img { transform: rotate(45deg); }
.staff-faq-list p { max-width: 760px; margin: -2px 35px 24px 0; color: var(--staff-muted); line-height: 1.7; }

.staff-related { background: var(--staff-lilac); }
.staff-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); border-top: 1px solid #cfd3e4; border-left: 1px solid #cfd3e4; }
.staff-related-grid a { display: flex; min-height: 280px; flex-direction: column; padding: 26px; border-right: 1px solid #cfd3e4; border-bottom: 1px solid #cfd3e4; color: var(--staff-ink); background: rgba(255,255,255,.6); text-decoration: none; transition: color .3s ease, background-color .3s ease, transform .3s ease; }
.staff-related-grid a > img { filter: invert(34%) sepia(92%) saturate(2708%) hue-rotate(236deg) brightness(85%) contrast(104%); }
.staff-related-grid small { margin-top: 28px; color: #7c8492; font: 600 .62rem/1.4 "JetBrains Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.staff-related-grid h3 { margin: 9px 0; font-size: 1.25rem; line-height: 1.1; }
.staff-related-grid p { margin: 0; color: var(--staff-muted); font-size: .8rem; line-height: 1.6; }
.staff-related-grid a > span { display: flex; gap: 8px; align-items: center; margin-top: auto; color: var(--staff-purple); font-size: .78rem; font-weight: 650; }
.staff-related-grid a:hover { color: #fff; background: var(--staff-navy); transform: translateY(-5px); }
.staff-related-grid a:hover > img,
.staff-related-grid a:hover > span img { filter: invert(1); }
.staff-related-grid a:hover p,
.staff-related-grid a:hover small { color: rgba(255,255,255,.66); }
.staff-related-grid a:hover > span { color: #7fe8ff; }

.staff-final-cta { padding: 70px 0; color: #fff; background: var(--staff-navy); }
.staff-final-cta .container { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 45px; align-items: center; }
.staff-final-cta .eyebrow { color: #67e8f9; }
.staff-final-cta h2 { max-width: 830px; font-size: clamp(2.2rem, 3.4vw, 3.9rem); }
.staff-final-cta p:not(.eyebrow) { margin: 15px 0 0; color: rgba(255,255,255,.64); }

@media (max-width: 1120px) {
    .staff-hero-grid { grid-template-columns: minmax(0,1fr) minmax(500px,1.08fr); gap: 34px; }
    .staff-hero-copy h1 { font-size: clamp(2.65rem, 3.55vw, 3.3rem); }
    .staff-dashboard-lower { grid-template-columns: 1fr; }
    .staff-dashboard-lower > article + article { border-top: 1px solid var(--staff-line); border-left: 0; }
    .staff-experience-grid { grid-template-columns: 1fr; }
    .staff-mobile-panel { grid-template-columns: 1fr 1.1fr; }
    .staff-split { gap: 55px; }
}

@media (max-width: 860px) {
    .staff-planning-page .container { width: min(calc(100% - 40px), 1320px); }
    .staff-hero { padding: 90px 0 62px; }
    .staff-hero-grid,
    .staff-split { grid-template-columns: 1fr; }
    .staff-hero-copy h1 { max-width: 780px; font-size: clamp(2.8rem, 7vw, 4rem); }
    .staff-hero-dashboard { margin-top: 20px; }
    .staff-failure-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .staff-organisation-flow { grid-template-columns: repeat(5,1fr); }
    .staff-flow-arrow { display: none; }
    .staff-alert-grid { grid-template-columns: 1fr; }
    .staff-alert-grid article { min-height: 220px; }
    .staff-mid-cta .container { grid-template-columns: 48px 1fr; }
    .staff-mid-cta .button { grid-column: 2; justify-self: start; }
    .staff-integration-flow { grid-template-columns: 1fr; gap: 8px; }
    .staff-integration-arrow { margin: 0 auto; transform: rotate(90deg); }
    .staff-process-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 640px) {
    .staff-planning-page .container { width: min(calc(100% - 28px), 1320px); }
    .staff-planning-page h2 { font-size: clamp(2rem, 10vw, 2.9rem); }
    .staff-hero { padding: 76px 0 48px; }
    .staff-hero-copy h1 { font-size: clamp(1.78rem, 7.4vw, 2.25rem); line-height: .96; letter-spacing: -.055em; }
    .staff-hero-copy > p:not(.eyebrow):not(.staff-data-note) { font-size: .96rem; }
    .staff-actions .button { width: 100%; }
    .staff-text-link { min-height: 42px; }
    .staff-dashboard-bar { align-items: flex-start; }
    .staff-dashboard-bar div { display: grid; gap: 2px; }
    .staff-coverage { overflow-x: auto; }
    .staff-coverage-head,
    .staff-coverage-row { min-width: 650px; }
    .staff-dashboard-lower { grid-template-columns: 1fr; }
    .staff-dashboard-footer { grid-template-columns: 1fr; }
    .staff-failure-grid,
    .staff-workflow-list,
    .staff-related-grid { grid-template-columns: 1fr; }
    .staff-failure-grid article { min-height: 110px; }
    .staff-section { padding: 70px 0; }
    .staff-organisation-flow { grid-template-columns: 1fr; }
    .staff-organisation-flow article { min-height: 125px; border-bottom: 1px solid var(--staff-line); }
    .staff-mid-cta .container { grid-template-columns: 1fr; }
    .staff-mid-cta .button { grid-column: auto; width: 100%; }
    .staff-mobile-panel { grid-template-columns: 1fr; }
    .staff-mobile-panel > header { grid-column: auto; }
    .staff-mobile-screen { margin: 0 18px; }
    .staff-mobile-cards { padding: 0 18px; }
    .staff-comparison-table { overflow-x: auto; }
    .staff-comparison-head,
    .staff-comparison-row { min-width: 650px; }
    .staff-process-list { grid-template-columns: 1fr; }
    .staff-process-list li { min-height: 155px; }
    .staff-related-grid a { min-height: 245px; }
    .staff-final-cta .container { grid-template-columns: 1fr; }
    .staff-final-cta .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .staff-planning-page *,
    .staff-planning-page *::before,
    .staff-planning-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}