/* Agreed layout revision. Existing application palettes remain the base. */
.header{height:60px}.brand img{width:196px;max-height:32px}.header-controls{display:flex;align-items:center;gap:13px}.header-action{background:#3d4758!important;border-color:#505c6f!important;color:#f3f5f8!important;padding:9px 16px;font-size:11px}.header-action:hover{background:#505d72!important}.theme-toggle{display:flex;align-items:center;gap:7px;border:1px solid #344057;background:transparent;padding:8px 11px;font-size:10px;color:#adbed5;white-space:nowrap}.theme-toggle>span:first-child{font-size:16px;line-height:1}.hero{position:relative;grid-template-columns:.9fr 1.1fr;gap:20px;padding-top:58px;padding-bottom:40px;align-items:center}.hero h1{font-size:clamp(42px,4.7vw,70px);letter-spacing:-2.5px;line-height:1.03;margin-top:20px}.hero-copy>p{max-width:400px;font-size:13px;line-height:1.75;margin-top:23px}.hero-meta{font-size:11px;margin-top:22px}.hero-visual{position:relative;min-height:495px;align-self:stretch;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 55%,#2a577d38,transparent 66%)}.hero-warehouse{position:absolute;inset:20px -28px 0 -25px;display:flex;align-items:center}.hero-warehouse svg{width:100%;height:100%;overflow:visible}.hero-orbit{position:absolute;border:1px solid #57789728;border-radius:50%;pointer-events:none;transform:rotate(-20deg)}.orbit-one{width:95%;height:66%;top:19%;left:3%}.orbit-two{width:72%;height:87%;top:6%;left:13%;transform:rotate(23deg)}.floating-card{position:absolute;display:flex;align-items:center;gap:13px;padding:16px 19px;background:#1c293cee;border:1px solid #40536e;border-radius:10px;box-shadow:0 16px 45px #0003;backdrop-filter:blur(12px);z-index:1;transition:transform .18s}.floating-card:hover{transform:translateY(-3px)}.floating-card small{display:block;font-size:8px;letter-spacing:.7px;color:#9cb0ca;text-transform:uppercase}.floating-card strong{display:block;font-size:16px;font-weight:550;margin-top:7px}.floating-card>div>span{display:block;font-size:9px;color:#96abc6;margin-top:7px}.float-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#21434c;color:#70e0e4;font-size:24px}.float-otif{left:4%;top:3%;min-width:205px}.float-model{right:-7px;top:27%}.float-grid{left:5%;bottom:0}.float-grid .float-icon{background:#32304e;color:#ba9aff}.visual-caption{position:absolute;bottom:18px;right:10px;max-width:160px;font-size:9px;line-height:1.6;color:#7f99b8;text-align:right}.hero-advantages{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;position:relative;z-index:1}.hero-advantages>a{border:1px solid #354760;border-radius:8px;background:#172c40;display:flex;gap:16px;align-items:start;padding:22px 20px;min-height:99px}.hero-advantages>a:first-child{background:#1c4760;border-color:#3b7084}.hero-advantages>a:last-child{background:#26344f}.adv-number{font-size:10px;color:#6bdfe6;padding-top:3px}.hero-advantages strong{font-size:13px;font-weight:500;line-height:1.45;display:block}.hero-advantages p{font-size:10px;margin-top:8px;line-height:1.5;color:#99b1c9}.adv-arrow{margin-left:auto;color:#75dbe3;font-size:16px}.benefits-section{padding-top:38px}.benefits-title{margin-bottom:26px}.benefits-title h2{font-size:33px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin-top:12px}.benefits-title .eyebrow{font-size:9px}.more-charts{display:flex;justify-content:center;padding-top:24px}.more-charts .button{min-width:220px}.more-charts .button span{font-size:10px;color:var(--cyan);background:#253f50;padding:3px 6px;border-radius:4px}.sim-layout{grid-template-columns:48px minmax(0,1fr);min-height:0}.sim-panels{min-height:470px}.sim-main{padding:24px 24px 0}.sim-kpis{max-width:none}.scene{min-height:470px;display:flex;align-items:center;justify-content:center}.recorded-frame{width:100%;height:470px;object-fit:contain;display:block;background:#101722}.bpmn.recorded-bpmn{padding:0;min-height:470px;background:#101722}.replay-caption{font-size:9px;line-height:1.6;color:#859ab6;margin:12px 0 0}.sim-analytics{min-height:470px}.sim-analytics .mini-metrics{margin-top:25px}.sim-analytics svg{height:240px}.grid-panel{min-height:470px;padding:30px}.sim-tabs>span{display:block}.simulator .preview-tag{font-size:9px}.application{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;border-top:1px solid var(--border);padding-top:70px;padding-bottom:65px;margin-top:80px;align-items:start}.application-copy>img{display:block;margin-bottom:24px}.application-copy h2{font-size:38px;font-weight:500;line-height:1.16;letter-spacing:-1px;margin-top:17px}.application-copy>p{font-size:13px;max-width:360px;margin-top:23px}.application-steps{display:flex;flex-direction:column;gap:18px;margin-top:30px;font-size:12px;color:#a3b6d0}.application-steps b{font-weight:400;color:var(--cyan);font-size:10px;display:inline-block;width:28px}.application-copy .application-note{font-size:10px;margin-top:30px;color:#839bb7}.testing-form{padding:28px;background:#171f2d;border:1px solid #34445e;border-radius:10px;position:relative}.form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.form-heading h3{font-size:18px;font-weight:500}.form-heading>span{font-size:9px;color:#899fb9;white-space:nowrap}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px}.form-fields label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#adbdd3}.full-field{grid-column:1/-1}.form-fields input,.form-fields textarea{font:inherit;color:#e0eaf6;background:#101925;border:1px solid #344760;border-radius:6px;padding:12px 13px;width:100%;min-width:0;font-size:12px}.form-fields input::placeholder,.form-fields textarea::placeholder{color:#667e9a;opacity:1}.form-fields textarea{resize:vertical;min-height:85px}.testing-form>.button{margin-top:22px;width:100%}.form-caption{font-size:9px;margin-top:12px;line-height:1.6}.application-confirmation{padding:36px 4px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.application-confirmation>strong{font-size:25px;font-weight:500;color:var(--cyan);line-height:1.35}.application-confirmation p{font-size:12px;margin-top:20px}.application-confirmation .text-button{align-self:start;margin-top:22px}.testing-form.submitted>:not(.application-confirmation){display:none}.application-confirmation:before{content:'✓';display:block;width:43px;height:43px;border:1px solid #387075;border-radius:50%;color:var(--cyan);text-align:center;line-height:41px;font-size:23px;margin-bottom:20px}.footer{font-size:9px}.footer>span{flex:1;text-align:center}.light-diagram{color:#254361}
/* Business light theme. Native recorded simulator pictures retain their own colours. */
:root[data-theme=light]{color:#1b2d45;background:#f6f8fb;color-scheme:light;--bg:#f6f8fb;--panel:#fff;--border:#d6dfe9;--muted:#586c85;--cyan:#2257b9;--violet:#7455ba;--amber:#b77517;--green:#21866e;--pink:#bc506c}.prototype{transition:background .2s}:root[data-theme=light] .prototype{background:#eaf0f7;border-color:#dae3ef;color:#667a95}:root[data-theme=light] .brand img,:root[data-theme=light] .footer>img,:root[data-theme=light] .application-copy>img,:root[data-theme=light] .window-top>img{filter:brightness(0)}:root[data-theme=light] .header nav{color:#4f6380}:root[data-theme=light] .header-action{background:#e4e8ed!important;color:#354156!important;border-color:#d1d7e0!important}:root[data-theme=light] .header-action:hover{background:#d6dee8!important}:root[data-theme=light] .theme-toggle{border-color:#cbd6e5;color:#4b617e}:root[data-theme=light] .theme-toggle:hover{background:#e9eef7}:root[data-theme=light] .eyebrow{color:#627796}:root[data-theme=light] .hero .eyebrow{color:#315fa8}:root[data-theme=light] .button.primary{background:#2e5ed1;color:#fff;border-color:#2e5ed1}:root[data-theme=light] .button.primary:hover{background:#234cae}:root[data-theme=light] .button.outline{color:#374f71;border-color:#bfcde0}:root[data-theme=light] .button.outline:hover{background:#e6edf8}:root[data-theme=light] .hero-meta{color:#5c708b}:root[data-theme=light] .hero-visual{background:radial-gradient(ellipse at 50% 55%,#b4c9e955,transparent 68%)}:root[data-theme=light] .hero-orbit{border-color:#aebfda55}:root[data-theme=light] .floating-card{background:#ffffffeb;border-color:#d9e2ef;box-shadow:0 15px 40px #456a941a}:root[data-theme=light] .floating-card small{color:#687f9d}:root[data-theme=light] .floating-card>div>span{color:#667d9a}:root[data-theme=light] .float-icon{background:#e4ecfb;color:#346bd4}:root[data-theme=light] .float-grid .float-icon{background:#eee9fa;color:#7960b8}:root[data-theme=light] .visual-caption{color:#7187a7}:root[data-theme=light] .hero-advantages>a{background:#fff;border-color:#dae3ef;box-shadow:0 9px 30px #6e86a20b}:root[data-theme=light] .hero-advantages>a:first-child{background:#2d56c4;border-color:#2d56c4;color:#fff}:root[data-theme=light] .hero-advantages>a:last-child{background:#e9effc}:root[data-theme=light] .hero-advantages p{color:#6a7d98}:root[data-theme=light] .hero-advantages>a:first-child p{color:#d1defc}:root[data-theme=light] .adv-number,:root[data-theme=light] .adv-arrow{color:#4066b0}:root[data-theme=light] .hero-advantages>a:first-child .adv-number,:root[data-theme=light] .hero-advantages>a:first-child .adv-arrow{color:#c4d4ff}:root[data-theme=light] .benefits article{background:#fff;border-color:#d9e2ee}:root[data-theme=light] .report-window,:root[data-theme=light] .simulator{background:#fff;border-color:#c9d6e5}:root[data-theme=light] .window-top{background:#ecf1f7;color:#576b86}:root[data-theme=light] .window-top strong{color:#314761}:root[data-theme=light] .preview-tag{color:#5d7394;background:#e0e8f3}:root[data-theme=light] .import-bar{background:#e9f0fb;border-color:#d1dff0}:root[data-theme=light] .import-icon{border-color:#b9cce5;color:#3b6fbe}:root[data-theme=light] .import-copy span{color:#607b9f}:root[data-theme=light] .period{color:#566e90;border-color:#d1dce9}:root[data-theme=light] .report-kpis article{background:#f5f8fc;border-color:#dbe3ef}:root[data-theme=light] .report-kpis article>span{color:#5e7390}:root[data-theme=light] .report-kpis small{color:#7588a0}:root[data-theme=light] .chart-card{background:#fff;border-color:#d7e0ed}:root[data-theme=light] .info{border-color:#bfcde0;color:#627ca2}:root[data-theme=light] .info:hover{background:#edf3fc;color:#2257b9}:root[data-theme=light] .chart-footer{color:#617796}:root[data-theme=light] .rank-row strong{color:#3b5375}:root[data-theme=light] .rank-track{background:#e6edf7}:root[data-theme=light] .chain span{color:#2f60a4;background:#edf3fc;border-color:#cbdcf0}:root[data-theme=light] .chain:nth-child(2) span{color:#755aaa;background:#f0ecf8;border-color:#dcd1ed}:root[data-theme=light] .chain>b,:root[data-theme=light] .chain i{color:#8190a6}:root[data-theme=light] .more-charts .button span{background:#e0e9f8}:root[data-theme=light] .chart-body svg text{fill:#506887}:root[data-theme=light] .chart-body svg line[stroke="#2a374c"]{stroke:#e0e7f1}:root[data-theme=light] .chart-body svg rect[fill="#283449"]{fill:#e4ebf5}:root[data-theme=light] .chart-body svg rect[fill="#55dce5"]{fill:#4383c7}:root[data-theme=light] .chart-body svg polyline[stroke="#55dce5"]{stroke:#3476bc}:root[data-theme=light] .chart-body svg polyline[stroke="#aa8aff"]{stroke:#8b69b8}:root[data-theme=light] .chart-body svg polyline[stroke="#ffbc66"]{stroke:#b88629}:root[data-theme=light] .report-note p{color:#69809f}:root[data-theme=light] .sim-rail{background:#eaf0f8;border-color:#d0dce9}:root[data-theme=light] .sim-rail span{color:#7d91af}:root[data-theme=light] .sim-rail .active{background:#d9e6f7;color:#2e62b5}:root[data-theme=light] .sim-kpis>div{background:#f4f7fc;border-color:#d7e0ee}:root[data-theme=light] .sim-kpis small{color:#68809e}:root[data-theme=light] .sim-tabs button{color:#597392}:root[data-theme=light] .sim-tabs button[aria-selected=true]{color:#285bb4;background:#edf3fc;border-top-color:#285bb4}:root[data-theme=light] .player button{background:#eaf0f7;color:#3b597f;border-color:#c8d7ea}:root[data-theme=light] .player .play{background:#dde9fa;color:#245cae;border-color:#b7cdeb}:root[data-theme=light] .player output,:root[data-theme=light] .player-end{color:#627c9e}:root[data-theme=light] .read-only{color:#6c82a2}:root[data-theme=light] .sim-project{color:#637e9e;border-color:#cad6e5}:root[data-theme=light] .sim-analytics{background:#f6f9fd;color:#263e5d}:root[data-theme=light] .sim-analytics svg text{fill:#6a80a0}:root[data-theme=light] .mini-metrics>div{color:#5f7592}:root[data-theme=light] .mini-metrics strong{color:#2a496e}:root[data-theme=light] .grid-panel{background:#f7faff;color:#263e5d}:root[data-theme=light] .grid-options button{color:#49688d;background:#eaf0f8;border-color:#c9d8ec}:root[data-theme=light] .grid-options button[aria-pressed=true]{background:#dbe8fb;color:#2d60b1;border-color:#abc5e9}:root[data-theme=light] .grid-metric{background:#fff;border-color:#cfdded}:root[data-theme=light] .grid-metric small,:root[data-theme=light] .grid-metric span,:root[data-theme=light] .grid-caption{color:#677d9b}:root[data-theme=light] .testing-form{background:#fff;border-color:#d0dcea;box-shadow:0 14px 45px #6882a017}:root[data-theme=light] .form-fields label{color:#4e6685}:root[data-theme=light] .form-fields input,:root[data-theme=light] .form-fields textarea{color:#263d59;background:#f7f9fc;border-color:#cbd8e9}:root[data-theme=light] .form-fields input::placeholder,:root[data-theme=light] .form-fields textarea::placeholder{color:#8a9bb0}:root[data-theme=light] .application-steps{color:#627a99}:root[data-theme=light] .application-note{color:#7b8ea7}:root[data-theme=light] dialog{background:#fff;border-color:#c8d5e7;color:#243c5d}:root[data-theme=light] #dialog-body p,:root[data-theme=light] #dialog-body li{color:#607899}:root[data-theme=light] #dialog-body strong{color:#2b4d78}:root[data-theme=light] #dialog-body .example{background:#eef4fd;border-color:#c6d8ef}
@media(max-width:1100px){.header{height:60px}.header nav{gap:15px;font-size:11px}.brand img{width:178px}.header-controls{gap:8px}.header-action{font-size:10px;padding:9px 12px}.hero{gap:15px;padding-top:50px}.hero h1{font-size:56px}.hero-visual{min-height:470px}.float-otif{left:0}.float-model{right:-8px}.floating-card{padding:13px;gap:9px}.floating-card strong{font-size:14px}.floating-card small{font-size:7px}.floating-card>div>span{font-size:8px}.hero-advantages>a{padding:20px 15px;gap:12px}.hero-advantages strong{font-size:12px}.hero-advantages p{font-size:9px}.application{gap:40px}.application-copy h2{font-size:33px}.testing-form{padding:24px}.sim-layout{grid-template-columns:40px minmax(0,1fr)}}
@media(max-width:850px){.header-controls{gap:10px}.hero h1{font-size:46px}.hero-visual{min-height:420px}.float-otif{top:1%;left:5px;min-width:185px}.float-model{top:29%;right:-10px;transform:scale(.9);transform-origin:right}.float-model:hover{transform:scale(.9)}.float-grid{bottom:3%;left:0}.hero-warehouse{inset:25px -35px -10px -35px}.hero-advantages{gap:9px}.hero-advantages>a{padding:17px 12px;gap:8px}.hero-advantages strong{font-size:11px}.adv-arrow{display:none}.hero-meta{font-size:10px}.visual-caption{display:none}.benefits-title h2{font-size:29px}.sim-panels,.scene,.bpmn.recorded-bpmn,.recorded-frame,.grid-panel,.sim-analytics{min-height:380px;height:auto}.recorded-frame{height:380px}.application{gap:30px;grid-template-columns:.8fr 1.2fr}.application-copy h2{font-size:30px}.form-heading{display:block}.form-heading>span{display:block;margin-top:10px}.form-fields{gap:15px 12px}.testing-form{padding:20px}}
@media(max-width:600px){.header{height:49px;gap:8px}.brand img{width:154px;max-height:26px}.header-controls{gap:7px}.header-action{font-size:9px;padding:8px 10px;gap:9px}.theme-toggle{padding:7px 8px;gap:0;min-width:31px;justify-content:center}.theme-toggle #theme-label{display:none}.theme-toggle>span:first-child{font-size:16px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:25px;gap:0}.hero h1{font-size:49px;letter-spacing:-1.7px;line-height:1.03;margin-top:17px}.hero h1 em br{display:none}.hero h1 em{display:block;max-width:290px}.hero-copy>p{font-size:12px;max-width:100%;margin-top:20px}.hero .actions{gap:8px}.hero .actions .button{font-size:10px;padding:12px;gap:9px}.hero-meta{font-size:10px;margin-top:19px}.hero-visual{min-height:345px;margin-top:24px}.hero-warehouse{inset:5px -15px -25px -15px}.orbit-one{top:16%}.float-otif{left:0;top:0;min-width:0}.floating-card{padding:11px 12px;gap:9px;border-radius:8px}.floating-card strong{font-size:12px;margin-top:5px}.floating-card small{font-size:6px;letter-spacing:.5px}.floating-card>div>span{font-size:7px;margin-top:5px}.float-icon{width:25px;height:25px;font-size:19px;border-radius:6px}.float-model{right:0;top:22%;transform:none}.float-grid{left:4%;bottom:2%}.hero-advantages{grid-template-columns:1fr;margin-top:24px;gap:8px}.hero-advantages>a{min-height:0;padding:16px;align-items:center;gap:16px}.hero-advantages strong{font-size:12px}.hero-advantages p{font-size:10px;margin-top:5px}.adv-arrow{display:block}.adv-number{font-size:10px}.benefits-section{padding-top:26px}.benefits-title{margin-bottom:21px}.benefits-title h2{font-size:27px;max-width:300px}.benefits-title .eyebrow{font-size:8px}.more-charts{padding-top:20px}.more-charts .button{font-size:11px}.sim-layout{grid-template-columns:minmax(0,1fr)}.sim-main{padding:18px 12px 0}.sim-tabs>span{display:none}.sim-panels,.scene,.bpmn.recorded-bpmn,.grid-panel,.sim-analytics{min-height:265px}.recorded-frame{height:265px;min-height:265px}.sim-analytics{padding:16px 12px}.sim-analytics svg{height:150px}.sim-analytics .mini-metrics{margin-top:10px}.replay-caption{font-size:8px;margin-top:8px}.scene-label{font-size:8px}.grid-panel{padding:20px 14px}.application{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:35px;margin-top:50px}.application-copy>img{width:42px;height:42px;margin-bottom:19px}.application-copy h2{font-size:31px;max-width:350px}.application-copy .eyebrow{font-size:8px}.application-copy>p{font-size:12px;max-width:none;margin-top:18px}.application-steps{flex-direction:row;flex-wrap:wrap;gap:10px 20px;font-size:10px;margin-top:21px}.application-steps b{font-size:9px;width:21px}.application-copy .application-note{font-size:9px;margin-top:20px}.testing-form{padding:21px 17px}.form-heading h3{font-size:18px}.form-heading>span{font-size:9px}.form-fields{gap:15px 12px}.form-fields label{font-size:10px}.form-fields input,.form-fields textarea{font-size:12px;padding:12px 10px}.testing-form>.button{font-size:11px;gap:12px}.footer>span{text-align:left}.footer>a[href="#testing"]{font-size:8px;margin-left:auto}.footer>a[href="#top"]{margin-left:0}.application-confirmation>strong{font-size:23px}}
@media(max-width:360px){.brand img{width:132px}.header-action{font-size:8px;padding:8px}.theme-toggle{padding:7px;min-width:28px}.header-controls{gap:5px}.hero h1{font-size:43px}.hero-visual{min-height:320px}.float-model{right:0}.floating-card{padding:10px}.form-fields{grid-template-columns:1fr}.full-field{grid-column:auto}.hero-meta{font-size:10px}}
.hero-visual{overflow:hidden;border-radius:12px}.float-model{right:0}
@media(max-width:600px){.hero h1 em br{display:initial}}
.sim-rail button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#8392ad;font-size:22px}.sim-rail button:hover{background:#26364a;color:#c4dbe8}.sim-rail button.active{background:#22404c;color:var(--cyan)}:root[data-theme=light] .sim-rail button{color:#657e9e}:root[data-theme=light] .sim-rail button.active{background:#d9e6f7;color:#2e62b5}:root[data-theme=light] .sim-rail button:hover{background:#dce7f5}
.sim-panels{min-height:0}#panel-scene{height:auto}.scene{aspect-ratio:12/5;width:100%;min-height:0;height:auto;display:block;background:#e2e5e1}.scene .recorded-frame{width:100%;height:auto;min-height:0;aspect-ratio:12/5;object-fit:cover;display:block;background:#e2e5e1}
.report-window>.import-bar{border-bottom:0;border-top:1px solid #2e4654}:root[data-theme=light] .report-window>.import-bar{border-top-color:#d1dff0}
.application-contacts{display:flex;align-items:start;gap:24px;margin-top:32px;padding-top:26px;border-top:1px solid var(--border)}.application-contacts>img{width:56px;height:56px;flex:none;margin-top:3px}.contact-details{display:flex;flex-direction:column;gap:21px;min-width:0}.contact-label{display:block;font-size:9px;color:#8198b6;letter-spacing:.5px;margin-bottom:10px}.contact-placeholder{display:flex;align-items:center;gap:9px;font-size:12px;color:#aebdd2}.contact-placeholder>span{font-size:17px;color:#7896b3}.social-placeholders{display:flex;gap:8px;flex-wrap:wrap}.social-placeholders>span{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px dashed #3c506a;border-radius:6px;color:#8fa7c3;font-size:10px;cursor:default}.social-placeholders>span>span{color:#6b9ba9;font-size:13px}:root[data-theme=light] .application-contacts>img{filter:brightness(0)}:root[data-theme=light] .contact-label{color:#7b8fa9}:root[data-theme=light] .contact-placeholder{color:#506c8c}:root[data-theme=light] .contact-placeholder>span{color:#6b8cb1}:root[data-theme=light] .social-placeholders>span{border-color:#c4d2e5;color:#6b83a1;background:#f2f6fc}:root[data-theme=light] .social-placeholders>span>span{color:#7795bb}
@media(max-width:600px){.application-contacts{gap:19px;margin-top:24px;padding-top:22px}.application-contacts>img{width:46px;height:46px}.contact-details{gap:18px}.contact-placeholder{font-size:11px}.contact-label{font-size:8px;margin-bottom:8px}.social-placeholders{gap:7px}.social-placeholders>span{font-size:9px;padding:8px 9px}}
.staffing-panel{padding:27px}.staffing-panel .grid-intro h3{font-size:23px;letter-spacing:-.4px;margin-top:12px}.staffing-panel .grid-intro p{max-width:730px;font-size:12px;line-height:1.7;margin-top:12px}.staffing-scope{display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr;gap:24px;align-items:end;margin-top:26px}.staffing-scope label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#a1b6d2}.staffing-scope select{font:inherit;font-size:12px;width:100%;padding:11px;border:1px solid #3a4f6a;border-radius:6px;color:#dae8f6;background:#1a293d}.staffing-baseline{display:flex;flex-direction:column;gap:7px;padding-bottom:2px}.staffing-baseline>span{font-size:9px;color:#8aa1c0}.staffing-baseline>strong{font-size:13px;font-weight:500}.staffing-baseline>small{font-size:9px;color:#8199b8}.staffing-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0 20px}.staffing-options button{display:flex;flex-direction:column;align-items:start;gap:8px;text-align:left;padding:15px 14px;min-width:0;background:#172334;border-color:#334861}.staffing-options button strong{font-size:12px;font-weight:500;white-space:normal;line-height:1.4}.staffing-options button small{font-size:9px;color:#88a1c2}.staffing-options button[aria-pressed=true]{background:#1e414d;border-color:#4b9daa}.staffing-options button[aria-pressed=true] small{color:#8ac8d1}.staffing-selection{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.staffing-selection>div>span{font-size:11px;display:block;color:#a5c4df;margin-bottom:8px}.staffing-selection strong{font-size:14px;font-weight:500;line-height:1.6;display:block}.staffing-selection i{font-style:normal;color:#597391;margin:0 8px}.staffing-period{white-space:nowrap;font-size:9px;color:#8fa8c7;border:1px solid #33465f;border-radius:5px;padding:8px 10px}.staffing-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staffing-highlights article{padding:18px 20px;background:#172738;border:1px solid #30445d;border-radius:7px}.staffing-highlights article>span{font-size:10px;color:#9db2cc}.staffing-highlights strong{font-size:32px;font-weight:500;display:block;margin:12px 0 8px;color:var(--cyan);font-variant-numeric:tabular-nums}.staffing-highlights strong small{font-size:16px;font-weight:400;color:#91a9c4}.staffing-highlights p{font-size:10px;color:#8ea7c5}.staffing-table-wrap{min-width:0;margin-top:23px}.staffing-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px;font-variant-numeric:tabular-nums}.staffing-table .metric-col{width:42%}.staffing-table caption{caption-side:top;text-align:left;font-size:10px;line-height:1.6;color:#8fa8c6;margin-bottom:13px}.staffing-table th,.staffing-table td{padding:12px 10px;border-bottom:1px solid #2b3c54;text-align:right;vertical-align:middle}.staffing-table th:first-child{text-align:left}.staffing-table thead th{font-size:10px;color:#93acca;font-weight:500;border-top:1px solid #2b3c54}.staffing-table tbody th{font-weight:400;color:#a9bbd1;line-height:1.5}.staffing-table td{color:#d6e6f4}.staffing-table .selected-column{background:#1c3945;color:#8ee4e9}.staffing-table thead .selected-column{border-top:2px solid var(--cyan)}.staffing-conclusion{display:flex;align-items:start;gap:12px;background:#1b3139;border:1px solid #315561;border-radius:7px;padding:15px 18px;margin-top:23px}.staffing-conclusion>span{color:var(--cyan);font-size:22px;line-height:1}.staffing-conclusion p{font-size:11px;color:#96b6c6;line-height:1.7}.staffing-conclusion strong{font-weight:500;color:#c4e6eb}.staffing-panel .grid-caption{font-size:9px;line-height:1.7;margin-top:16px}
:root[data-theme=light] .staffing-scope label,:root[data-theme=light] .staffing-baseline>span,:root[data-theme=light] .staffing-baseline>small{color:#667e9c}:root[data-theme=light] .staffing-scope select{background:#fff;border-color:#c7d7e9;color:#35547a}:root[data-theme=light] .staffing-options button{background:#edf2f9;border-color:#d0ddee;color:#526c8c}:root[data-theme=light] .staffing-options button small{color:#758ba7}:root[data-theme=light] .staffing-options button[aria-pressed=true]{background:#dde9fc;border-color:#96b7e9;color:#2356a9}:root[data-theme=light] .staffing-options button[aria-pressed=true] small{color:#5e82b3}:root[data-theme=light] .staffing-selection>div>span{color:#5e7d9f}:root[data-theme=light] .staffing-period{border-color:#d0dded;color:#6d83a0}:root[data-theme=light] .staffing-highlights article{background:#fff;border-color:#d2e0ef}:root[data-theme=light] .staffing-highlights article>span,:root[data-theme=light] .staffing-highlights p,:root[data-theme=light] .staffing-highlights strong small{color:#6d839f}:root[data-theme=light] .staffing-table th,:root[data-theme=light] .staffing-table td{border-color:#dce5ef}:root[data-theme=light] .staffing-table thead th,:root[data-theme=light] .staffing-table caption{color:#6d84a2}:root[data-theme=light] .staffing-table tbody th{color:#526c8b}:root[data-theme=light] .staffing-table td{color:#36577d}:root[data-theme=light] .staffing-table .selected-column{background:#e5eefb;color:#285fae}:root[data-theme=light] .staffing-conclusion{background:#eaf3fa;border-color:#c7dfed}:root[data-theme=light] .staffing-conclusion p{color:#627e98}:root[data-theme=light] .staffing-conclusion strong{color:#305e83}
@media(max-width:850px){.staffing-panel{padding:22px}.staffing-scope{gap:18px}.staffing-options button{padding:12px 10px}.staffing-options button strong{font-size:11px}.staffing-selection{align-items:start;flex-direction:column;gap:10px}.staffing-period{font-size:8px}.staffing-selection strong{font-size:13px}}
@media(max-width:600px){.staffing-panel{padding:20px 12px}.staffing-panel .grid-intro h3{font-size:20px}.staffing-panel .grid-intro p{font-size:10px}.staffing-scope{grid-template-columns:1fr;gap:16px;margin-top:21px}.staffing-scope label{font-size:9px}.staffing-scope select{font-size:11px}.staffing-baseline>strong{font-size:12px}.staffing-baseline>small{font-size:8px;line-height:1.5}.staffing-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.staffing-options button{padding:12px}.staffing-options button strong{font-size:11px}.staffing-options button small{font-size:9px}.staffing-selection strong{font-size:11px}.staffing-selection>div>span{font-size:10px}.staffing-selection i{margin-inline:3px}.staffing-highlights{gap:8px}.staffing-highlights article{padding:13px 10px}.staffing-highlights article>span{font-size:9px;line-height:1.4;display:block;min-height:26px}.staffing-highlights strong{font-size:27px;margin-top:10px}.staffing-highlights strong small{font-size:12px}.staffing-highlights p{font-size:8px;line-height:1.6}.staffing-table{font-size:10px}.staffing-table th,.staffing-table td{padding:10px 4px}.staffing-table thead th{font-size:9px}.staffing-table caption{font-size:9px}.staffing-conclusion{padding:13px 11px;gap:9px}.staffing-conclusion p{font-size:10px}.staffing-conclusion>span{font-size:18px}.staffing-panel .grid-caption{font-size:8px}}