/* GENOS Workforce product surface — v21 */
body[data-product-page="workforce"]{background:#0b0d0f;color:#f3f1ec}
.workforce-surface{position:relative;z-index:45;background:#0b0d0f;padding:96px 28px 120px;border-top:1px solid rgba(255,255,255,.08)}
.workforce-intro{max-width:1380px;margin:0 auto 46px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:64px;align-items:end}
.workforce-intro .kicker{font:600 12px/1.2 "DM Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#e69a55}
.workforce-intro h2{margin:14px 0 0;max-width:880px;font:500 clamp(44px,5.1vw,82px)/.98 "Manrope",sans-serif;letter-spacing:-.045em;color:#f5f2ed}
.workforce-intro h2 span{color:#a8abae}
.workforce-intro p{margin:0 0 6px;max-width:520px;font:400 18px/1.55 "DM Sans",sans-serif;color:#b2b5b8}
.workforce-frame{max-width:1500px;margin:0 auto;border:1px solid rgba(255,255,255,.11);background:#0f1214;box-shadow:0 38px 90px rgba(0,0,0,.38)}
.workforce-framebar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#121517}
.frame-title{display:flex;align-items:center;gap:12px;font:600 13px/1 "DM Sans",sans-serif;letter-spacing:.04em;color:#f3f1ec}
.frame-mark{width:8px;height:8px;border-radius:50%;background:#e69a55;box-shadow:0 0 0 5px rgba(230,154,85,.08)}
.frame-context{display:flex;align-items:center;gap:22px;font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#747a7f}
.frame-context strong{color:#cfd1d2;font-weight:600}
.workforce-app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:760px}
.workforce-nav{padding:28px 18px;border-right:1px solid rgba(255,255,255,.08);background:#0c0f11;display:flex;flex-direction:column}
.workforce-nav .nav-label{padding:0 12px 16px;font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#5f6468}
.workforce-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;margin:1px 0;text-decoration:none;color:#8f9498;font:500 13px/1.2 "DM Sans",sans-serif;border-left:2px solid transparent}
.workforce-nav a span{color:#52575b;font-size:10px}
.workforce-nav a.active{color:#fff;border-left-color:#e69a55;background:linear-gradient(90deg,rgba(230,154,85,.08),transparent)}
.workforce-nav .nav-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:16px}
.workforce-main{padding:44px 46px 50px;background:linear-gradient(180deg,#111416 0%,#0d1012 100%)}
.workforce-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;margin-bottom:36px}
.workforce-head .eyebrow{font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#767b80}
.workforce-head h3{margin:11px 0 8px;font:500 clamp(31px,3vw,48px)/1.04 "Manrope",sans-serif;letter-spacing:-.035em;color:#f5f2ed}
.workforce-head p{margin:0;max-width:760px;font:400 15px/1.55 "DM Sans",sans-serif;color:#8f9498}
.workforce-head .new-case{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:13px 17px;border:1px solid rgba(230,154,85,.42);background:rgba(230,154,85,.08);color:#f5c190;text-decoration:none;font:600 11px/1 "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.case-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px}
.case-panel{border:1px solid rgba(255,255,255,.08);background:#0d1012}
.case-panel.primary{padding:28px}
.panel-kicker{font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6e7377}
.problem-box{margin-top:16px;padding:22px 22px 20px;border-left:2px solid #e69a55;background:#121619}
.problem-box strong{display:block;margin-bottom:9px;font:500 22px/1.25 "Manrope",sans-serif;color:#f0ede8}
.problem-box p{margin:0;font:400 14px/1.55 "DM Sans",sans-serif;color:#979ca0}
.context-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07)}
.context-cell{background:#0d1012;padding:18px}
.context-cell small{display:block;margin-bottom:8px;font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#62676b}
.context-cell b{font:500 14px/1.35 "DM Sans",sans-serif;color:#d9dbdc}
.diagnosis{margin-top:26px}
.diagnosis-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.diagnosis-title strong{font:600 11px/1 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#bbbfc2}
.diagnosis-title span{font:500 10px/1 "DM Sans",sans-serif;color:#6d7276}
.signal-row{display:grid;grid-template-columns:1.25fr .9fr 54px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}
.signal-row:first-of-type{border-top:0}
.signal-row label{font:500 12px/1.3 "DM Sans",sans-serif;color:#aeb2b5}
.signal-track{height:4px;background:#262a2d;overflow:hidden}
.signal-track i{display:block;height:100%;background:#e69a55}
.signal-row em{font:600 10px/1 "DM Sans",sans-serif;font-style:normal;letter-spacing:.08em;text-align:right;color:#777d81}
.recommendation{margin-top:26px;padding:22px;border:1px solid rgba(230,154,85,.18);background:linear-gradient(135deg,rgba(230,154,85,.07),rgba(255,255,255,.015))}
.recommendation .rec-verdict{font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e69a55}
.recommendation h4{margin:10px 0 8px;font:500 20px/1.25 "Manrope",sans-serif;color:#f3f0eb}
.recommendation p{margin:0 0 18px;font:400 13px/1.55 "DM Sans",sans-serif;color:#92979b}
.rec-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rec-path span{font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#c7c9ca}
.rec-path i{font-style:normal;color:#555a5e}
.side-stack{display:grid;gap:22px}
.side-panel{padding:24px;border:1px solid rgba(255,255,255,.08);background:#0d1012}
.capability-name{margin:10px 0 18px;font:500 18px/1.3 "Manrope",sans-serif;color:#efede8}
.state-list{display:grid;gap:10px}
.state-line{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.state-line:first-child{border-top:0}
.state-line span{font:500 12px/1.2 "DM Sans",sans-serif;color:#8e9397}
.state-line b{font:600 9px/1 "DM Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e69a55}
.state-line b.muted{color:#70767a}
.spec-list{margin-top:14px;display:grid;gap:11px}
.spec-list div{display:flex;justify-content:space-between;gap:16px;font:500 11px/1.3 "DM Sans",sans-serif;color:#71767a}
.spec-list strong{font-weight:500;color:#c7c9ca;text-align:right}
.editor-handoff{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:20px 22px;border-top:1px solid rgba(255,255,255,.07);background:#101315}
.editor-handoff p{margin:0;font:400 12px/1.5 "DM Sans",sans-serif;color:#7d8286}
.editor-handoff p strong{display:block;margin-bottom:3px;color:#cfd1d2;font-weight:600}
.editor-handoff a{display:inline-flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid rgba(255,255,255,.15);color:#eeeae4;text-decoration:none;font:600 10px/1 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase}
.workforce-caption{max-width:1500px;margin:20px auto 0;display:flex;justify-content:space-between;gap:30px;font:500 10px/1.4 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#555b5f}
@media(max-width:1100px){.workforce-intro{grid-template-columns:1fr}.workforce-app{grid-template-columns:180px minmax(0,1fr)}.case-grid{grid-template-columns:1fr}.workforce-main{padding:34px 30px}.context-strip{grid-template-columns:1fr}}
@media(max-width:760px){.workforce-surface{padding:66px 16px 80px}.workforce-intro{gap:22px}.workforce-intro p{font-size:16px}.workforce-framebar{height:auto;min-height:58px;gap:14px;align-items:flex-start;flex-direction:column;padding:16px}.frame-context{gap:12px;flex-wrap:wrap}.workforce-app{display:block}.workforce-nav{display:none}.workforce-main{padding:28px 18px}.workforce-head{display:block}.workforce-head .new-case{margin-top:18px}.context-strip{grid-template-columns:1fr}.signal-row{grid-template-columns:1fr}.signal-row em{text-align:left}.editor-handoff{display:block}.editor-handoff a{margin-top:16px}.workforce-caption{display:block}.workforce-caption span{display:block;margin-top:8px}}
