.workforce-planner{--wf-ink:#102442;--wf-muted:#52657d;--wf-blue:#2777c8;--wf-orange:#e87520;--wf-soft:#eef5fa;--wf-line:#d7e3ec;background:#fff;color:var(--wf-ink)}
.wf-shell{width:min(1280px,calc(100% - 2rem));margin-inline:auto}.wf-hero{overflow:hidden;background:linear-gradient(110deg,#f0f7fb 0%,#fff 48%,#edf3f6 100%)}.wf-hero-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:clamp(560px,68svh,740px);padding-block:clamp(3.5rem,7vw,6rem)}.wf-hero-copy{max-width:41rem}.wf-back{display:inline-block;margin-bottom:clamp(1.5rem,3vw,2.5rem);color:#6d8193;font-size:.9rem;font-weight:700}.wf-back:hover{color:var(--wf-blue)}.wf-eyebrow{margin:0;color:var(--wf-blue);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.wf-hero h1,.wf-section h2,.wf-cta h2{margin:.8rem 0 1.4rem;font-family:Sora,sans-serif;letter-spacing:-.055em;line-height:1.02}.wf-hero h1{max-width:12ch;font-size:clamp(2.8rem,5vw,5.8rem)}.wf-lead,.wf-section-lead{color:var(--wf-muted);font-size:clamp(1.05rem,1.35vw,1.28rem);line-height:1.7}.wf-hero-media{margin:0;border:1px solid #ccdae3;border-radius:1.5rem;overflow:hidden;background:#fff;box-shadow:0 24px 55px rgba(16,36,66,.14)}.wf-hero-media img{width:100%;aspect-ratio:1.5;object-fit:cover}.wf-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}.wf-tags span{padding:.5rem .8rem;border:1px solid #c7dbe7;border-radius:999px;background:rgba(255,255,255,.7);color:#315c78;font-size:.78rem;font-weight:700}.wf-section{padding-block:clamp(4.5rem,8vw,8rem)}.wf-two-col{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,8vw,8rem);align-items:start}.wf-align-center{align-items:center}.wf-section h2{font-size:clamp(2.2rem,4vw,4.5rem);max-width:12ch}.wf-section-heading{max-width:60rem}.wf-section-heading h2{max-width:17ch}.wf-section p{margin-block:.8rem}.wf-question{background:#f7fafc}.wf-capacity{background:#fff}.wf-capacity .wf-section-lead{margin-bottom:1.5rem}.wf-capacity p:not(.wf-eyebrow):not(.wf-section-lead){color:var(--wf-muted)}.wf-capacity-model,.wf-pattern{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--wf-line);border-radius:1.25rem;background:#fff;box-shadow:0 18px 42px rgba(18,50,80,.07)}.wf-model-title{margin:0 0 1.5rem;font-weight:800}.wf-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.wf-model-grid span{padding:.85rem;border-left:3px solid var(--wf-orange);background:#f5f8fa;color:#34536d;font-weight:700}.wf-model-note{margin:1.7rem 0 0;color:var(--wf-muted);font-size:.95rem}.wf-pattern{background:#f5f8fa}.wf-pattern-heading,.wf-pattern-foot{display:flex;justify-content:space-between;gap:1rem}.wf-pattern-heading span,.wf-pattern-foot span{color:var(--wf-muted);font-size:.82rem}.wf-week{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;margin:2rem 0}.wf-week b{display:grid;gap:.5rem;padding:.8rem .4rem;border:1px solid #cbdde8;border-radius:.6rem;background:#fff;text-align:center;font-size:.75rem;color:#527086}.wf-week b strong{color:var(--wf-blue);font-size:1.1rem}.wf-pattern-foot{padding-top:1rem;border-top:1px solid var(--wf-line)}.wf-pattern-foot strong{color:var(--wf-orange)}.wf-scheduler{background:var(--wf-soft)}.wf-section-heading>p:last-child{max-width:62ch;color:var(--wf-muted);font-size:1.08rem;line-height:1.75}.wf-scheduler-media{margin:clamp(2.5rem,5vw,4.5rem) 0 0;border:1px solid #c6d8e5;border-radius:1.1rem;overflow:hidden;background:#fff;box-shadow:0 22px 50px rgba(16,36,66,.1)}.wf-scheduler-media img{width:100%;height:auto}.wf-rule-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.wf-rule-row span{padding:1rem;color:#49677d;font-size:.9rem;font-weight:700;text-align:center}.wf-rule-row span:not(:last-child){border-right:1px solid #cbdde8}.wf-dispatch{background:#fff}.wf-note{padding:1rem 1.2rem;border-left:3px solid var(--wf-orange);background:#fff8f1;color:#5e6873}.wf-flow{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:1.4rem;border:1px solid #cbdde8;border-radius:1rem;background:#f5f9fb}.wf-flow span{padding:.7rem .8rem;border-radius:.45rem;background:#e9f1f6;color:#31536d;font-size:.88rem;font-weight:800}.wf-flow i{color:var(--wf-blue);font-style:normal;font-weight:800}.wf-products{background:#f6f9fb}.wf-product-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.wf-product-split article{padding:clamp(1.6rem,3vw,2.6rem);border:1px solid var(--wf-line);border-radius:1.2rem;background:#fff;box-shadow:0 16px 36px rgba(18,50,80,.06)}.wf-product-split article:last-child{border-top:4px solid var(--wf-orange);background:#fffaf6}.wf-product-label{color:var(--wf-blue);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wf-product-split h3{margin:1rem 0 .55rem;font-family:Sora,sans-serif;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em}.wf-product-split article>p:not(.wf-product-label){color:var(--wf-muted)}.wf-product-split ul{display:grid;gap:.75rem;margin:1.5rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--wf-line);list-style:none}.wf-product-split li::before{content:'+';display:inline-block;width:1.4rem;color:var(--wf-orange);font-weight:800}.wf-saas{background:#102442;color:#fff}.wf-saas h2{color:#fff}.wf-saas .wf-eyebrow{color:#82cdd0}.wf-saas .wf-section-lead{color:#c9d8e3}.wf-saas-list{display:grid;gap:.75rem}.wf-saas-list span{padding:1rem 1.1rem;border:1px solid rgba(130,205,208,.35);border-radius:.6rem;background:rgba(255,255,255,.05);color:#e3edf3}.wf-boundaries{background:#fff}.wf-boundary-list{display:grid;gap:1rem}.wf-boundary-list p{display:grid;gap:.25rem;margin:0;padding:1.1rem 1.2rem;border-left:3px solid var(--wf-orange);background:#f7fafc}.wf-boundary-list span{color:var(--wf-muted);font-size:.94rem}.wf-evolution{background:var(--wf-soft)}.wf-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:3.5rem 0 0;padding:0;list-style:none}.wf-timeline li{display:grid;align-content:start;gap:.7rem;padding:1.2rem 0;border-top:2px solid #9bbcd0}.wf-timeline b{color:var(--wf-blue);font-family:Sora,sans-serif}.wf-timeline strong{font-size:1rem;line-height:1.35}.wf-timeline span{color:var(--wf-muted);font-size:.88rem;line-height:1.6}.wf-result{background:#fff}.wf-result-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,8vw,8rem)}.wf-result-grid .wf-section-lead{margin-top:0}.wf-insight{margin-top:2rem;padding-top:1.4rem;border-top:2px solid var(--wf-orange);font-size:clamp(1.15rem,1.7vw,1.5rem);font-weight:700;line-height:1.5}.wf-cta{margin-bottom:0;padding-block:clamp(4rem,7vw,6rem);background:#071a35;color:#fff}.wf-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:2rem}.wf-cta h2{max-width:16ch;color:#fff;font-size:clamp(2rem,3.7vw,4rem)}.wf-cta .wf-eyebrow{color:#82cdd0}.wf-cta .btn{flex:0 0 auto}.workforce-journey .footer-home{margin-top:0;border-top:1px solid rgba(130,205,208,.22)}
@media(max-width:900px){.wf-hero-grid,.wf-two-col,.wf-result-grid{grid-template-columns:1fr}.wf-hero-media{max-width:760px}.wf-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-product-split{grid-template-columns:1fr}.wf-scheduler-media{overflow-x:auto}.wf-scheduler-media img{min-width:720px}.wf-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.wf-shell{width:calc(100% - 2rem)}.wf-hero-grid{min-height:0;padding-block:2.8rem 3.5rem}.wf-hero h1,.wf-section h2,.wf-cta h2{font-size:clamp(2.3rem,11vw,3.6rem)}.wf-section{padding-block:3.5rem}.wf-model-grid,.wf-rule-row{grid-template-columns:1fr}.wf-rule-row span{border-right:0;border-bottom:1px solid #cbdde8;text-align:left}.wf-rule-row span:last-child{border-bottom:0}.wf-week{gap:.25rem}.wf-week b{font-size:.65rem}.wf-flow{align-items:flex-start;flex-direction:column}.wf-flow i{transform:rotate(90deg);margin-left:.8rem}.wf-timeline{grid-template-columns:1fr;gap:1rem}.wf-timeline li{padding:1rem 0}.wf-cta .btn{width:100%;text-align:center}}

/* Capatto Workforce product palette: scoped to this project page. */
.workforce-journey {
  --wf-ink: #202938;
  --wf-muted: #627083;
  --wf-blue: #268cf2;
  --wf-strong: #1677d2;
  --wf-soft: #bfd9f1;
  --wf-pale: #eaf4fa;
  --wf-warm: #faf9f2;
  --wf-surface: #fff;
  --wf-line: #dde1d8;
  --wf-green: #20bf91;
  --wf-orange: #f5a000;
  --wf-red: #ef4e55;
  background: var(--wf-warm);
  color: var(--wf-ink);
}

.workforce-journey .workforce-planner {
  background: var(--wf-warm);
  color: var(--wf-ink);
}

.workforce-journey .wf-hero {
  background: linear-gradient(135deg, var(--wf-pale), var(--wf-warm) 62%, #f3f7f5);
}

.workforce-journey .wf-back { color: var(--wf-muted); }
.workforce-journey .wf-back:hover,
.workforce-journey .wf-eyebrow,
.workforce-journey a { color: var(--wf-strong); }
.workforce-journey .wf-hero h1,
.workforce-journey .wf-section h2,
.workforce-journey .wf-cta h2,
.workforce-journey .wf-model-title,
.workforce-journey .wf-product-split h3 { color: var(--wf-ink); }
.workforce-journey .wf-lead,
.workforce-journey .wf-section-lead,
.workforce-journey .wf-section p,
.workforce-journey .wf-product-split article > p:not(.wf-product-label) { color: var(--wf-muted); }

.workforce-journey .wf-hero-media,
.workforce-journey .wf-capacity-model,
.workforce-journey .wf-pattern,
.workforce-journey .wf-scheduler-media,
.workforce-journey .wf-product-split article {
  border-color: var(--wf-line);
  background: var(--wf-surface);
  box-shadow: 0 18px 42px rgba(32, 41, 56, .08);
}
.workforce-journey .wf-hero-media { box-shadow: 0 22px 48px rgba(32, 41, 56, .12); }
.workforce-journey .wf-tags span { border-color: var(--wf-soft); background: rgba(255,255,255,.82); color: var(--wf-strong); }

.workforce-journey .wf-question,
.workforce-journey .wf-products,
.workforce-journey .wf-evolution { background: var(--wf-pale); }
.workforce-journey .wf-capacity,
.workforce-journey .wf-dispatch,
.workforce-journey .wf-boundaries,
.workforce-journey .wf-result { background: var(--wf-warm); }
.workforce-journey .wf-scheduler,
.workforce-journey .wf-connected { background: #f1f7fb; }

.workforce-journey .wf-model-grid span,
.workforce-journey .wf-boundary-list p { border-left-color: var(--wf-blue); background: #f5f9fc; color: var(--wf-ink); }
.workforce-journey .wf-model-grid span:nth-child(3n) { border-left-color: var(--wf-orange); }
.workforce-journey .wf-pattern { background: #f3f8fc; }
.workforce-journey .wf-week b { border-color: var(--wf-line); color: var(--wf-muted); }
.workforce-journey .wf-week b strong,
.workforce-journey .wf-pattern-foot strong { color: var(--wf-green); }
.workforce-journey .wf-pattern-foot,
.workforce-journey .wf-rule-row span:not(:last-child) { border-color: var(--wf-line); }

.workforce-journey .wf-scheduler-media { border-color: var(--wf-soft); }
.workforce-journey .wf-rule-row span,
.workforce-journey .wf-flow span,
.workforce-journey .wf-product-split li { color: var(--wf-muted); }
.workforce-journey .wf-flow { border-color: var(--wf-soft); background: rgba(191,217,241,.32); }
.workforce-journey .wf-flow span { background: rgba(191,217,241,.62); }
.workforce-journey .wf-flow i,
.workforce-journey .wf-product-label,
.workforce-journey .wf-product-split li::before,
.workforce-journey .wf-timeline b { color: var(--wf-blue); }
.workforce-journey .wf-note { border-left-color: var(--wf-orange); background: #fff8e8; color: var(--wf-muted); }

.workforce-journey .wf-product-split article:last-child { border-top-color: var(--wf-blue); background: #f7fbfe; }
.workforce-journey .wf-saas {
  background: var(--wf-pale);
  color: var(--wf-ink);
}
.workforce-journey .wf-saas h2,
.workforce-journey .wf-saas .wf-section-lead { color: var(--wf-ink); }
.workforce-journey .wf-saas .wf-eyebrow { color: var(--wf-strong); }
.workforce-journey .wf-saas-list span { border-color: var(--wf-soft); background: #fff; color: var(--wf-muted); }
.workforce-journey .wf-boundary-list span { color: var(--wf-muted); }
.workforce-journey .wf-timeline li { border-top-color: var(--wf-soft); color: var(--wf-ink); }
.workforce-journey .wf-insight { border-top-color: var(--wf-blue); color: var(--wf-ink); }

.workforce-journey .wf-cta {
  background: var(--wf-pale);
  color: var(--wf-ink);
  border-top: 1px solid var(--wf-line);
}
.workforce-journey .wf-cta h2 { color: var(--wf-ink); }
.workforce-journey .wf-cta .wf-eyebrow { color: var(--wf-strong); }
.workforce-journey .wf-cta .btn-primary {
  background: var(--wf-strong);
  border-color: var(--wf-strong);
  box-shadow: 0 10px 24px rgba(22,119,210,.2);
}
.workforce-journey .wf-cta .btn-primary:hover { background: var(--wf-blue); border-color: var(--wf-blue); }
.workforce-journey .footer-home { border-top-color: var(--wf-line); }

/* Final hierarchy: neutral gallery surfaces, blue only for operations. */
.workforce-journey {
  --wf-ink: #10233f;
  --wf-muted: #43546a;
  --wf-blue: #1976d2;
  --wf-strong: #0b63b6;
  --wf-soft: #c9dff2;
  --wf-pale: #f2f7fb;
  --wf-warm: #fff;
  --wf-line: #dce3ea;
  --wf-orange: #f28c28;
  --wf-green: #18a978;
  --wf-red: #d94b52;
  background: #fff;
}
.workforce-journey .workforce-planner { background: #fff; }
.workforce-journey .wf-hero { background: linear-gradient(110deg, #fff 0%, #f8fafc 65%, #f2f7fb 100%); }
.workforce-journey .wf-question,
.workforce-journey .wf-capacity,
.workforce-journey .wf-dispatch,
.workforce-journey .wf-products,
.workforce-journey .wf-saas,
.workforce-journey .wf-boundaries,
.workforce-journey .wf-result,
.workforce-journey .wf-evolution { background: #fff; }
.workforce-journey .wf-scheduler { background: var(--wf-pale); }
.workforce-journey .wf-cta { background: #f2f7fb; }
.workforce-journey .wf-cta .btn-primary { background: var(--wf-strong); border-color: var(--wf-strong); }
.workforce-journey .wf-timeline li { border-top-color: var(--wf-blue); }
.workforce-journey .wf-insight { border-top-color: var(--wf-orange); }