/* A restrained refinement of the original workforce pivot. No new renderer or runtime. */
.workforce-site #home .hero-layout{grid-template-columns:1fr 1.05fr;gap:62px;padding-block:68px 54px}
.workforce-site #home .hero-copy .eyebrow{display:flex;align-items:center;gap:14px;color:#c1cad8}
.workforce-site #home .hero-copy .eyebrow::before{content:'';width:25px;height:1px;background:#bba788;flex:none}
.workforce-site #home .hero-copy h1 .hero-emphasis{color:#f0f2f6;letter-spacing:-.055em}
.workforce-site #home .hero-sub{line-height:1.85;color:#cad2dd}
.workforce-site #home .hero-copy .button{background:linear-gradient(130deg,#f3efe8,#d5dfe9);border-color:#e8e7e4;box-shadow:0 3px 16px #070d1826}
.workforce-site #home .hero-note{color:#aebfd1;font-size:11px}
.workforce-site #home .hero-location{color:#9baec4;line-height:1.9}
.refined-workforce{container-type:inline-size;max-width:610px;justify-self:center;padding:27px 28px 20px;border-radius:12px;border-color:#c7d9ed38;background:radial-gradient(ellipse at 50% 38%,#253b535e,transparent 65%),linear-gradient(140deg,#162436c9,#0c1420ec 80%);box-shadow:0 30px 90px #02081255,inset 0 1px 0 #dae4f31a;isolation:isolate}
.refined-workforce::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(#a9c9e608 1px,transparent 1px),linear-gradient(90deg,#a9c9e608 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at 50% 42%,#000,transparent 67%);pointer-events:none}
.refined-workforce::after{content:'';position:absolute;top:-1px;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,#b5cfe388,transparent);pointer-events:none}
.refined-workforce .workforce-stage-top{gap:12px;font-size:8px;letter-spacing:.13em;align-items:center;color:#c8d7e8}
.refined-workforce .workforce-stage-top>span:first-child{display:flex;align-items:center;gap:8px}.refined-workforce .workforce-stage-top>span:last-child{font-size:6px;color:#8ea3ba;letter-spacing:.12em}
.studio-indicator{width:4px;height:4px;background:#c6b18d;border-radius:50%;box-shadow:0 0 9px #c6b18d55;flex:none}
.refined-workforce .operator-map{height:350px;margin-block:7px 4px}
.operator-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.refined-workforce .operator-orbit{width:250px;height:250px;border-color:#b9cfe324;box-shadow:0 0 60px #83b9f510,inset 0 0 40px #789fca08}
.refined-workforce .operator-orbit::before{inset:16px;border-style:solid;border-color:#b9cfe319}
.refined-workforce .operator-orbit::after{width:4px;height:4px;top:14%;left:14%;box-shadow:0 0 13px #a1c7ff}
.refined-workforce .operator-core{width:194px;height:194px;border-radius:50%;gap:11px;justify-content:center;background:radial-gradient(ellipse at 42% 18%,#40577255,#111e2ddd 68%);border:1px solid #bfcfe538;box-shadow:inset 0 1px 1px #c9e4ff1a,0 15px 38px #0207115c}
.refined-workforce .operator-symbol{color:#d8c3a0;font-size:36px;display:flex;line-height:1}
.refined-workforce .operator-core>span:nth-child(2){font-size:7px;letter-spacing:.16em;color:#a9bdd2}
.refined-workforce .operator-core strong{font-size:26px;line-height:1.1;color:#eef0ef;letter-spacing:-.025em}
.operator-core-note{font-size:5px;letter-spacing:.055em;color:#9cb1c7}
.refined-workforce .operator-role{width:133px;min-height:63px;padding:11px 10px;display:flex;align-items:center;gap:8px;border-radius:5px;background:linear-gradient(140deg,#1e3044,#152336);border-color:#b9cfe32e;box-shadow:0 5px 18px #03091338}
.refined-workforce .operator-role strong{display:block;font-size:11px;font-weight:500;color:#dce7f3;line-height:1.5}
.refined-workforce .operator-role small{display:block;font-size:7px;color:#9eb3ca;line-height:1.7;white-space:nowrap}
.role-icon{font-size:22px;line-height:1;color:#a4c3e6;display:flex;align-items:center;justify-content:center;width:19px;flex:none}
.refined-workforce .role-sales{left:0;top:49px}.refined-workforce .role-service{right:0;top:49px}.refined-workforce .role-admin{left:0;bottom:49px}.refined-workforce .role-marketing{right:0;bottom:49px}
.refined-workforce .management-band{padding-block:18px;border-color:#b3c9e329;align-items:center}
.refined-workforce .management-band>span{display:block;position:relative;padding-left:33px;font-size:8px;letter-spacing:.08em;max-width:none;color:#d6e1f3;line-height:1.8}
.refined-workforce .management-band>span svg{position:absolute;left:0;top:2px;color:#c3af8e}
.refined-workforce .management-band p{font-size:10px;color:#9db1c8;line-height:1.9;text-align:right}.refined-workforce .management-band strong{font-weight:400;color:#d6e0ed}
.refined-workforce .stage-note{font-size:9px;color:#92a7bf;line-height:1.8;margin-top:14px}
.operator-signals path{opacity:0;stroke-dasharray:9 100;stroke-dashoffset:10}
.studio-moving .operator-signals path{animation:operator-signal 12s linear infinite;animation-delay:var(--signal-delay)}
.studio-moving .refined-workforce .operator-role{animation:operator-role-light 12s ease-in-out infinite;animation-delay:var(--signal-delay)}
@keyframes operator-signal{0%,2%{opacity:0;stroke-dashoffset:10}5%{opacity:.8}20%{opacity:.8;stroke-dashoffset:-100}24%,100%{opacity:0;stroke-dashoffset:-100}}
@keyframes operator-role-light{0%,15%,38%,100%{border-color:#b9cfe32e;box-shadow:0 5px 18px #03091338}22%,27%{border-color:#b6d4ef80;box-shadow:0 0 18px #7399c619}}
.studio-paused .refined-workforce *,.studio-idle .refined-workforce *{animation-play-state:paused!important}
@container(max-width:450px){
 .refined-workforce .operator-map{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:235px 62px 62px;gap:9px;margin:0 0 20px}
 .refined-workforce .operator-core{grid-column:1/3;grid-row:1;width:190px;height:190px}
 .refined-workforce .operator-orbit{top:3px;left:calc(50% - 115px);width:230px;height:230px}
 .operator-connections{display:none}
 .refined-workforce .operator-role{position:relative;inset:auto;width:100%;height:100%;min-height:0;padding:10px;justify-content:flex-start}
 .refined-workforce .role-sales{grid-column:1;grid-row:2}.refined-workforce .role-service{grid-column:2;grid-row:2}.refined-workforce .role-admin{grid-column:1;grid-row:3}.refined-workforce .role-marketing{grid-column:2;grid-row:3}
 .refined-workforce .operator-role small{font-size:7px}.refined-workforce .operator-core-note{font-size:5px}
}
@media(max-width:1100px){.workforce-site #home .hero-layout{gap:34px}.refined-workforce{padding-inline:22px}.refined-workforce .workforce-stage-top{font-size:7px}.refined-workforce .management-band{gap:12px}.refined-workforce .management-band>span{font-size:7px}.refined-workforce .management-band p{font-size:9px}}
@media(max-width:800px){.workforce-site #home .hero-layout{grid-template-columns:1fr;gap:38px;padding-block:50px 40px}.refined-workforce{max-width:580px;width:100%}.workforce-site #home .hero-copy .actions{flex-direction:row;align-items:center}}
@media(max-width:540px){.workforce-site #home .hero-layout{gap:32px;padding-top:42px}.refined-workforce{padding:22px 17px 18px}.workforce-site #home .hero-copy .eyebrow{font-size:7px;gap:10px}.workforce-site #home .hero-copy .eyebrow::before{width:18px}.workforce-site #home .hero-copy .actions{gap:14px;flex-wrap:wrap}.workforce-site #home .hero-copy .actions .button{font-size:9px;padding-inline:14px}.workforce-site #home .hero-copy .actions .text-link{font-size:8px}.workforce-site #home .hero-note{font-size:10px;max-width:310px}.refined-workforce .management-band>span{font-size:7px}.refined-workforce .management-band p{font-size:8px}.refined-workforce .stage-note{font-size:8px}}
@media(max-width:360px){.refined-workforce .operator-role{gap:6px;padding:8px 6px}.refined-workforce .operator-role strong{font-size:10px}.refined-workforce .operator-role small{font-size:6px}.refined-workforce .workforce-stage-top{font-size:6px}.refined-workforce .workforce-stage-top>span:last-child{font-size:5px}.role-icon{width:17px;font-size:20px}.workforce-site #home .hero-copy .actions{flex-direction:column;align-items:flex-start;gap:8px}}
@media(prefers-reduced-motion:reduce){.refined-workforce *{animation:none!important;transition:none!important}}
/* Shorter copy gets a more compact rhythm while the implementation steps stay vertical. */
.workforce-site #how .implementation-steps article{min-height:215px}
.workforce-site .capability-grid{margin-top:42px}
.workforce-site .capability-grid h3{margin-top:22px;margin-bottom:12px}
.workforce-site .workflow-detail{min-height:220px}
.workforce-site .founder-copy>p:not(.eyebrow){max-width:480px}
@media(max-width:540px){.workforce-site #how .implementation-steps article{min-height:220px}.workforce-site .capability-grid{margin-top:30px}.workforce-site .workflow-detail{min-height:0}}

/* Direct booking and founder profiles, consistent with the existing contact treatment. */
.workforce-site .contact-actions{flex-wrap:wrap;gap:18px 26px}
.workforce-site .social-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:24px}
.workforce-site .social-links a{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:10px 16px;border:1px solid #c7d9ed33;border-radius:3px;color:#dce7f3;font-size:12px;text-decoration:none;background:#c7d9ed05;transition:background .2s,border-color .2s}
.workforce-site .social-links a:hover{background:#c7d9ed12;border-color:#c7d9ed77}
.workforce-site .social-links a:focus-visible{outline:2px solid #c7d9ed;outline-offset:4px}
.workforce-site .social-links a span{color:#9eb3ca}
.workforce-site .footer-social{margin-top:28px}
