/* A shared, container-responsive business payoff for the child film and mobile reader. */
.op-outcomes{--bo-ink:#f0f4f7;--bo-muted:#9cadbf;--bo-line:#8eb0c526;--bo-gold:#e7c18c;--bo-cyan:#77c5ce;container-name:operator-outcome;container-type:inline-size;inline-size:100%;block-size:100%;min-inline-size:0;box-sizing:border-box;display:grid;align-items:safe center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#496478 transparent;color:var(--bo-ink);background:radial-gradient(ellipse at 78% 30%,#426b851f,transparent 57%),radial-gradient(ellipse at 6% 98%,#92653712,transparent 60%),#0a111d;font-family:Inter,'IBM Plex Sans Arabic',sans-serif;text-align:start}
.op-outcomes *,.op-outcomes *::before,.op-outcomes *::after{box-sizing:border-box}
.op-outcomes .bo-frame{inline-size:min(1120px,100%);margin-inline:auto;padding:44px 40px;position:relative}
.op-outcomes .bo-heading{position:static;display:block;padding:0!important;margin:0;height:auto!important;max-inline-size:900px;background:none!important;border:0;z-index:auto}
.op-outcomes .bo-eyebrow{display:flex;align-items:center;gap:10px;font:500 10px/1.5 'JetBrains Mono','IBM Plex Sans Arabic',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--bo-cyan)}
.op-outcomes .bo-eyebrow>span{inline-size:6px;block-size:6px;border-radius:50%;background:var(--bo-cyan);box-shadow:0 0 0 4px #77c5ce12}
.op-outcomes .bo-title{font:500 39px/1.15 Inter,'IBM Plex Sans Arabic',sans-serif!important;letter-spacing:-.045em!important;color:var(--bo-ink)!important;background:none!important;margin:17px 0 13px!important;text-wrap:balance}
.op-outcomes .bo-narrative{font:400 15px/1.65 Inter,'IBM Plex Sans Arabic',sans-serif;color:var(--bo-muted);max-inline-size:730px;margin:0;text-wrap:pretty}
.op-outcomes .bo-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:56px;margin-block:40px 34px}
.op-outcomes .bo-result{min-inline-size:0}
.op-outcomes .bo-metric-label{font:500 13px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:#bbcad7;max-inline-size:340px}
.op-outcomes .bo-hero-value{font:400 calc(clamp(58px,7.7cqw,104px)*var(--bo-value-scale,1))/1.18 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.075em;color:var(--bo-gold);margin-block:11px 13px;white-space:nowrap}
.op-outcomes .bo-counter{font-variant-numeric:tabular-nums;white-space:nowrap}
.op-outcomes .bo-counter bdi{unicode-bidi:isolate}
.op-outcomes .bo-baseline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:400 12px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:var(--bo-muted)}
.op-outcomes .bo-baseline>i{display:block;inline-size:3px;block-size:3px;border-radius:50%;background:#637d94}
.op-outcomes .bo-detail-panel{border:1px solid var(--bo-line);border-radius:14px;background:linear-gradient(145deg,#20334763,#111d2a6b);box-shadow:inset 0 1px 0 #d2ebf008,0 16px 45px -30px #0008}
.op-outcomes .bo-bridge{padding:27px 28px}
.op-outcomes .bo-bridge h3{font:500 14px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.01em;margin:0 0 22px;color:#dbe6ed}
.op-outcomes .bo-bridge-track{block-size:14px;display:flex;gap:3px;border-radius:4px;overflow:hidden;margin-block-end:22px}
.op-outcomes .bo-segment{position:relative;block-size:100%;background:#7ea8bd0d}
.op-outcomes .bo-segment>i{position:absolute;inset:0;display:block;background:var(--bo-tone);transform-origin:left center;border-radius:2px;box-shadow:inset 0 1px 0 #ffffff35}
.op-outcomes .bo-tone-0{--bo-tone:#e7c18c}.op-outcomes .bo-tone-1{--bo-tone:#77c5ce}.op-outcomes .bo-tone-2{--bo-tone:#7390b7}
.op-outcomes .bo-driver{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:13px;border-block-start:1px solid #8eb0c518}
.op-outcomes .bo-driver:first-child{border:0;padding-block-start:0}.op-outcomes .bo-driver:last-child{padding-block-end:0}
.op-outcomes .bo-driver-label{display:flex;align-items:center;gap:10px;font:400 12px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:#bacbd8}
.op-outcomes .bo-driver-label>i{display:block;flex:none;inline-size:5px;block-size:5px;border-radius:1px;background:var(--bo-tone)}
.op-outcomes .bo-driver strong{font:500 22px/1.2 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.035em;color:#eaf2f7}
.op-outcomes .bo-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block-start:19px;border-block-start:1px solid var(--bo-line)}
.op-outcomes .bo-applied{display:flex;align-items:center;gap:9px;flex:none;font:500 11px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:#a8ccbe}
.op-outcomes .bo-applied svg{inline-size:18px;block-size:18px;flex:none}
.op-outcomes .bo-scope{max-inline-size:590px;text-align:end;font:400 10px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:#8a9eb0}
.op-outcomes .bo-network-details,.op-outcomes .bo-margin-details{display:flex;flex-direction:column;gap:14px;min-inline-size:0}
.op-outcomes .bo-passengers{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px}
.op-outcomes .bo-secondary-value{font:400 44px/1.15 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;color:#dfeff2;letter-spacing:-.055em;margin-block:9px 5px}
.op-outcomes .bo-small-label{font:400 11px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:var(--bo-muted)}
.op-outcomes .bo-passenger-mark{display:grid;grid-template-columns:repeat(5,7px);gap:7px 9px;padding-inline:7px;color:#72b9c3;opacity:.55}
.op-outcomes .bo-passenger-mark>i{inline-size:7px;block-size:11px;border-radius:2px;background:currentColor;position:relative}
.op-outcomes .bo-load{padding:19px 26px}
.op-outcomes .bo-load-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.op-outcomes .bo-load-heading strong{font:500 27px/1.15 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.04em;color:#dfeff2}
.op-outcomes .bo-load-track{position:relative;block-size:6px;margin-block:15px 9px;background:#7293ab26;border-radius:3px;overflow:hidden}
.op-outcomes .bo-load-track>i{display:block;block-size:100%;background:linear-gradient(90deg,#478d9b,#88cdd3);transform-origin:left center;border-radius:3px}
.op-outcomes .bo-load-track>span{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),#172536 calc(10% - 2px) 10%)}
.op-outcomes .bo-margin-gain{display:inline-flex;font:500 17px/1.3 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;color:var(--bo-cyan);margin-block-end:11px;letter-spacing:-.02em}
.op-outcomes .bo-margin-comparison{padding:24px 26px}
.op-outcomes .bo-comparison-row+ .bo-comparison-row{margin-block-start:24px}
.op-outcomes .bo-comparison-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font:400 12px/1.5 Inter,'IBM Plex Sans Arabic',sans-serif;color:var(--bo-muted);margin-block-end:10px}
.op-outcomes .bo-comparison-row strong{font:500 21px/1.2 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.03em;color:#e2ebf1}
.op-outcomes .bo-comparison-track{height:10px;background:#7894ac12;position:relative;border-radius:2px;overflow:hidden}
.op-outcomes .bo-comparison-track>i{display:block;height:100%;border-radius:2px}
.op-outcomes .bo-base-fill{background:#51667e}
.op-outcomes .bo-project-fill{background:linear-gradient(90deg,#c49b65,#f1d2a3)}
.op-outcomes .bo-base-marker{position:absolute;inset-block:0;border-inline-start:1px solid #102033aa}
.op-outcomes .bo-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.op-outcomes .bo-unit{padding:18px 23px}
.op-outcomes .bo-unit strong{display:block;font:500 29px/1.15 'Space Grotesk',Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.035em;color:var(--bo-cyan);margin-block-start:9px}
.op-outcomes[dir="rtl"] .bo-eyebrow{letter-spacing:0}
.op-outcomes[dir="rtl"] .bo-title,.op-outcomes[dir="rtl"] .bo-hero-value{letter-spacing:0!important}
.op-outcomes[dir="rtl"] .bo-segment>i,.op-outcomes[dir="rtl"] .bo-load-track>i{transform-origin:right center}
@container operator-outcome (max-width:900px){
 .op-outcomes .bo-frame{padding:32px}.op-outcomes .bo-main{gap:28px;margin-block:30px}.op-outcomes .bo-title{font-size:32px!important}.op-outcomes .bo-hero-value{font-size:calc(clamp(48px,8.3cqw,78px)*var(--bo-value-scale,1))}.op-outcomes .bo-bridge{padding:23px}.op-outcomes .bo-driver{gap:14px}.op-outcomes .bo-driver strong{font-size:20px}.op-outcomes .bo-passenger-mark{display:none}.op-outcomes .bo-footer{gap:18px}
}
@container operator-outcome (max-width:620px){
 .op-outcomes .bo-frame{padding:25px 22px}.op-outcomes .bo-title{font-size:clamp(23px,6.4cqw,32px)!important;line-height:1.16!important;letter-spacing:-.035em!important;margin-block:12px 9px!important}.op-outcomes .bo-eyebrow{font-size:8px;letter-spacing:.09em;gap:8px}.op-outcomes .bo-narrative{font-size:12px;line-height:1.55}.op-outcomes .bo-main{grid-template-columns:minmax(0,1fr);gap:23px;margin-block:24px 22px}.op-outcomes .bo-metric-label{font-size:11px;line-height:1.45;max-inline-size:none}.op-outcomes .bo-hero-value{font-size:calc(clamp(48px,16cqw,76px)*var(--bo-value-scale,1));margin-block:5px 5px;letter-spacing:-.065em}.op-outcomes .bo-baseline{font-size:10px;gap:6px}.op-outcomes .bo-bridge{padding:18px 19px;border-radius:12px}.op-outcomes .bo-bridge h3{font-size:12px;margin-block-end:13px}.op-outcomes .bo-bridge-track{block-size:9px;margin-block-end:15px}.op-outcomes .bo-driver{padding-block:9px;gap:15px}.op-outcomes .bo-driver-label{font-size:11px;gap:8px}.op-outcomes .bo-driver strong{font-size:20px}.op-outcomes .bo-footer{align-items:flex-start;flex-direction:column;gap:9px;padding-block-start:15px}.op-outcomes .bo-applied{font-size:10px;gap:7px}.op-outcomes .bo-applied svg{inline-size:15px;block-size:15px}.op-outcomes .bo-scope{text-align:start;font-size:9px;line-height:1.45}.op-outcomes .bo-network-details,.op-outcomes .bo-margin-details{gap:11px}.op-outcomes .bo-passengers{padding:18px 20px}.op-outcomes .bo-secondary-value{font-size:36px;margin-block:5px 2px}.op-outcomes .bo-passenger-mark{display:grid;grid-template-columns:repeat(5,6px);gap:6px 8px}.op-outcomes .bo-passenger-mark>i{inline-size:6px;block-size:9px}.op-outcomes .bo-small-label{font-size:10px}.op-outcomes .bo-load{padding:16px 20px}.op-outcomes .bo-load-heading strong{font-size:25px}.op-outcomes .bo-load-track{margin-block:11px 7px}.op-outcomes .bo-margin-gain{font-size:14px;margin-block:2px 6px}.op-outcomes .bo-margin-comparison{padding:18px 20px}.op-outcomes .bo-comparison-row+ .bo-comparison-row{margin-block-start:16px}.op-outcomes .bo-comparison-row>div:first-child{font-size:11px;margin-block-end:8px}.op-outcomes .bo-comparison-row strong{font-size:20px}.op-outcomes .bo-comparison-track{height:8px}.op-outcomes .bo-unit-grid{gap:11px}.op-outcomes .bo-unit{padding:14px 17px}.op-outcomes .bo-unit strong{font-size:26px;margin-block-start:6px}
}