/* Shared decorative layer, enabled only on explicitly selected sections. */
[data-particle-atmosphere]{position:relative;isolation:isolate;overflow:hidden}
[data-particle-atmosphere]>.ai-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,#0009,#000)}
[data-particle-atmosphere]>:not(.ai-particle-canvas){position:relative;z-index:1}
[data-particle-atmosphere="light"]>.ai-particle-canvas{opacity:.28}
body[data-design="home"] .workforce-stage{background:radial-gradient(ellipse at 90% 0%,#273148,transparent 65%),linear-gradient(130deg,#101721,#142238 70%,#25263c);color:#f5f8ff;padding:76px 0 40px}
body[data-design="home"] .workforce-stage::before{display:none}
.workforce-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:36px}
.workforce-stage .label{color:#b8d5ec;font-size:11px;letter-spacing:.15em}
.workforce-heading h2{font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-.035em;color:#fff;margin:16px 0 0}
.workforce-heading p{color:#d0dbea;line-height:1.8;margin-bottom:18px}
.workforce-stage a:not(.demo-cover){color:#c7e5ff;text-decoration:underline;text-underline-offset:4px}
.workforce-stage a:not(.demo-cover):hover{color:#fff}
.workforce-demos{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.workforce-demo{border:1px solid #52627a;border-radius:18px;overflow:hidden;background:#1c2b40;box-shadow:0 18px 45px #02081730}
.workforce-demo-heading{padding:24px 26px 20px;min-height:142px}
.workforce-demo h3{font-size:24px;line-height:1.35;color:#fff;margin:12px 0 0;letter-spacing:-.025em}
.workforce-demo .demo-cover{display:block;margin:0 14px;background:#fff;border-radius:10px;overflow:hidden;aspect-ratio:16/9;position:relative}
.workforce-demo .demo-cover img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:none;transform:none}
.workforce-demo .demo-cover::before,.workforce-demo .demo-cover::after{display:none}
.workforce-demo-copy{padding:22px 26px 26px}
.workforce-demo-copy p{font-size:14px;line-height:1.85;color:#d4dfec;margin:0 0 18px}
.workforce-notes{display:flex;align-items:center;gap:24px;border-top:1px solid #52627a;margin-top:32px;padding-top:24px;font-size:12px;line-height:1.8;color:#c2cfdf}
.workforce-notes p{max-width:720px;margin:0 auto 0 0}
.workforce-notes a{flex-shrink:0}
.workforce-recording{margin-top:22px;font-size:12px;color:#c2cfdf;display:flex;justify-content:space-between;gap:28px;align-items:start}
.workforce-recording summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:#c7e5ff}
.workforce-recording figure{max-width:420px;margin:20px 0}
.workforce-recording video{width:100%;display:block;background:#fff;border-radius:10px}
.workforce-recording figcaption{margin-top:10px}
.workforce-recording .demo-hosting-notice{color:#c2cfdf;margin:0}
.workforce-stage :focus-visible{outline:3px solid #a8d9ff;outline-offset:5px}
@media(min-width:1800px){.workforce-stage>.c{max-width:1440px}.workforce-heading h2{font-size:48px}.workforce-demo h3{font-size:28px}}
@media(max-width:760px){body[data-design="home"] .workforce-stage{padding:44px 0 30px}.workforce-heading{grid-template-columns:1fr;gap:22px}.workforce-demos{grid-template-columns:1fr;gap:24px}.workforce-demo-heading{min-height:0;padding:22px}.workforce-demo h3{font-size:22px}.workforce-demo-copy{padding:20px 22px}.workforce-notes{flex-wrap:wrap;gap:14px 22px}.workforce-recording{flex-direction:column;gap:16px}.ai-particle-canvas{opacity:.8}}
@media(forced-colors:active){.ai-particle-canvas{display:none}}

.workforce-stage{scroll-margin-top:96px}

/* Approved local dark hero: retain typography, copy and credibility hierarchy. */
body[data-design="home"] .hero[data-particle-atmosphere="dark"]{background:radial-gradient(ellipse at 90% 0%,#273148,transparent 65%),linear-gradient(130deg,#101721,#142238 70%,#25263c);color:#f5f8ff;border-bottom:1px solid #52627a}
body[data-design="home"] .hero[data-particle-atmosphere="dark"]::before{display:none}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-h1{color:#fff}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-h1 .gr{color:#b9dafa;-webkit-text-fill-color:#b9dafa}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-sub{color:#d4dfec}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-sub b{color:#fff}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-eye{color:#b8d5ec}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .hero-pill{background:#1c2b40;color:#d4e9ff;border-color:#526b83}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .btn-p{background:#b9dafa;color:#122c48;border-color:#b9dafa}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .btn-p:hover{background:#e4f1ff}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .btn-s{background:#1c2b40;color:#f5f8ff;border-color:#8ca7c0}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .btn-s:hover{background:#2b405b}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .credibility-strip,body[data-design="home"] .hero[data-particle-atmosphere="dark"] .credibility-strip a+a{border-color:#52627a}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .credibility-strip a{color:#e7f2ff}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] .credibility-strip span{color:#bdcfe1}
body[data-design="home"] .hero[data-particle-atmosphere="dark"] :focus-visible{outline:3px solid #b9dafa;outline-offset:5px}

/* Mira leads the shared navy band; channel examples follow beneath. */
.mira-feature{scroll-margin-top:100px;padding-bottom:56px;margin-bottom:40px;border-bottom:1px solid #52627a}
body[data-design="home"] .mira-feature .recording-grid{grid-template-columns:1fr minmax(0,480px);gap:72px;align-items:center}
body[data-design="home"] .mira-feature .hero-media{max-width:480px;width:100%;margin:0;justify-self:end;background:#fff;padding:7px;border-radius:18px}
.mira-feature .hero-media video{display:block;width:100%;height:auto;border-radius:11px}
body[data-design="home"] .mira-feature .recording-copy .h2{font-size:clamp(32px,3.5vw,48px)}
.workforce-stage .mira-feature .btn{text-decoration:none}
.workforce-stage .workforce-heading{gap:48px;margin-bottom:28px}
.workforce-stage .workforce-heading h2{font-size:clamp(26px,2.5vw,34px)}
.workforce-stage .workforce-demos{max-width:1000px;margin-inline:auto}
.workforce-stage .workforce-demo-heading{min-height:126px}
.workforce-stage .workforce-demo h3{font-size:22px}
@media(max-width:760px){body[data-design="home"] .mira-feature .recording-grid{grid-template-columns:1fr;gap:28px}.mira-feature{padding-bottom:36px;margin-bottom:32px}body[data-design="home"] .mira-feature .hero-media{justify-self:center;max-width:420px}.workforce-stage .workforce-heading{gap:20px}.workforce-stage .workforce-demo-heading{min-height:0}}
