html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios){padding:120px 0;background:#ebebed url('../img/aicc-operating/background.png') center/cover no-repeat}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios)>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 32px;max-width:1300px;width:calc(100% - 64px);padding:0;margin:auto;align-items:center}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-heading{display:block;margin:0;grid-column:1;grid-row:1}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .product-section-icon{display:none}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:2px 10px;margin:0 0 24px;border:4px solid #f9fafc;border-radius:33px;background:#fff;box-shadow:0 0 0 1px #e6e7e9;color:#495057;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-eyebrow:before{content:"";width:18px;height:18px;flex:none;background:url('../../img/global-presence/badge.svg') center/contain no-repeat}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) h2{font-size:48px;line-height:1.2;font-weight:400;letter-spacing:-2.4px;margin:0 0 24px;max-width:none;color:#000000d9}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-intro{font-size:14px;line-height:25.2px;color:#000a;max-width:606px;margin:0}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;grid-column:2;grid-row:1;margin:0;padding:0;list-style:none;position:relative;align-items:stretch}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps::-webkit-scrollbar{display:none}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li{flex:0 0 100%;box-sizing:border-box;display:block;position:relative;isolation:isolate;min-width:0;min-height:432px;padding:42px 32px 44px 142px;border:1px solid #0000001a;border-radius:16px;background:linear-gradient(#ffffff66,#ffffff66),url('../img/systems-668/first.png') center/cover;scroll-snap-align:start;opacity:1;transform:none;translate:none}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../../img/global-presence/texture.png') 0 0/16.8px;opacity:.05;border-radius:inherit}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-number{position:absolute;left:32px;top:42px;font-size:90px;line-height:100px;letter-spacing:-4px;color:#00000016;font-weight:500}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps h3{font-size:32px;line-height:1.1;font-weight:500;color:#000000d9;margin:0 0 16px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps li>div>p{font-size:16px;line-height:24px;color:#000a;margin:0}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{position:relative;isolation:isolate;transform:rotate(-4deg);margin:54px 38px 0 -52px;padding:28px;border:16px solid #fff;border-radius:14px;background:#f3f5f8;box-shadow:0 6px 8px #3b3b3b0d}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome:before{content:"";position:absolute;inset:6px -32px -34px 0;z-index:-2;border-radius:16px;background:#1a1a1a1a;transform:rotate(6.24deg)}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome:after{content:"";position:absolute;inset:0;z-index:-1;background:#f3f5f8;border-radius:8px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome dt{font-size:14px;line-height:22px;letter-spacing:0;font-weight:400;color:#00000073;margin:0 0 8px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome dd{font-size:14px;line-height:1.4;color:#000000d9;margin:0}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-controls{grid-column:2;display:flex;justify-content:center;gap:10px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-controls button{border:1px solid #ddd;background:#fff;color:#495057;border-radius:50%;width:34px;height:34px;cursor:pointer;font:inherit;font-size:13px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-controls button[aria-pressed="true"]{background:#16171c;color:#fff;border-color:#16171c}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-loop-note{grid-column:1/-1;margin:0;padding:0;border:0;background:none;text-align:center;font-size:13px;color:#667185}
@media(max-width:1100px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) h2{font-size:38px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li{padding:28px 24px 40px 88px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-number{font-size:60px;left:20px;top:20px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps h3{font-size:26px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{margin:36px 0 0 -48px;padding:16px}}
@media(max-width:760px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios){padding:64px 0}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios)>.container{grid-template-columns:1fr;width:calc(100% - 32px);gap:28px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-heading{grid-column:1;grid-row:auto}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps{grid-column:1;grid-row:auto}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-controls{grid-column:1}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) h2{font-size:32px;letter-spacing:-1px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-eyebrow{font-size:11px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps li>div>p{font-size:14px;line-height:22px}}

/* Stage-specific artwork from Figma 750:93. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li:nth-child(2){background-image:linear-gradient(#ffffff66,#ffffff66),url('../img/systems-668/third.png')}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li:nth-child(3){background-image:linear-gradient(#ffffff66,#ffffff66),url('../img/systems-668/second.png')}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li:nth-child(4){background-image:linear-gradient(#ffffff66,#ffffff66),url('../img/aicc-operating/card-04.png')}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps>li:nth-child(4){background-position:center,center bottom}
/* Figma 748:6966: distinct backing, white paper and inset content surface. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{box-sizing:border-box;width:442px;max-width:calc(100% + 14px);min-height:130px;margin:54px 0 0 -52px;padding:29px 28px 28px;border:0;background:transparent;border-radius:14px;box-shadow:none;transform:rotate(-4deg)}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome:before{inset:13px -22px -14px 17px;z-index:-3;background:rgba(26,26,26,.1);border-radius:16px;transform:rotate(6.24deg)}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome:after{inset:0;z-index:-2;background:#fff;border-radius:14px;box-shadow:0 1px 1px #3b3b3b0a,0 3px 3px #3b3b3b08,0 6px 4px #3b3b3b05,0 11px 4px #3b3b3b03,0 32px 24px -12px #3b3b3b0f,0 0 0 1px #3b3b3b0a}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome dt:before{content:"";position:absolute;inset:16px;z-index:-1;background:#f3f5f8;border-radius:16px;pointer-events:none}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome dt{position:static;font-size:14px;line-height:22px;margin:0 0 8px;color:rgba(0,0,0,.45);font-weight:400}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome dd{font-size:14px;line-height:20px;color:rgba(0,0,0,.85)}
@media(max-width:1100px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{width:442px;max-width:calc(100% + 32px);margin:36px 0 0 -48px;padding:29px 28px 28px}}
/* Vertical page scrolling advances the horizontal story one stage at a time. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{padding:0;height:500vh;position:relative;background:none;overflow:visible}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;background:#ebebed url('../img/aicc-operating/background.png') center/cover no-repeat}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport>.container{width:calc(100% - 64px);max-width:1300px;padding:0;margin:auto}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail{display:flex;align-items:center;gap:32px;--story-width:calc((min(1300px,100vw - 64px) - 32px)/2);transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-heading,html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note{flex:0 0 var(--story-width);width:var(--story-width)}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail .p9-model-steps{display:contents}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail .p9-model-steps>li{flex:0 0 var(--story-width);width:var(--story-width);min-height:432px;transition:translate .7s cubic-bezier(.22,.61,.36,1)}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note{font-size:42px;line-height:1.2;color:#000000d9;position:relative;padding:40px 24px;box-sizing:border-box}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note:before,html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note:after{content:"";position:absolute;width:69px;height:35px;background:url('../img/aicc-operating/quote.svg') center/contain no-repeat}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note:before{top:0;left:12px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note:after{bottom:0;right:12px;transform:rotate(180deg)}
@media(max-width:760px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport>.container{width:calc(100% - 32px)}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail{--story-width:calc(100vw - 32px);gap:24px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail>.p9-loop-note{font-size:28px}html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:600vh}}
@media(prefers-reduced-motion:reduce){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail{transition:none}}

/* Continuous, gently damped scroll motion replaces discrete stage jumps. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:360vh}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail,html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail .p9-model-steps>li{transition:none}
@media(max-width:760px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:425vh}}
/* Preserve the Figma section height independently of the scrolling distance. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{height:682px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:calc(682px + 260vh)}
@media(max-width:760px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:calc(682px + 325vh)}}

/* Keep the entire module at the design height; no scroll spacer below it. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:682px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{position:relative;top:auto;height:682px}
/* Fill the available screen without adding a separate scroll spacer. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:auto;min-height:100svh}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{height:auto;min-height:100svh;box-sizing:border-box;padding:88px 0 48px}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail{align-items:center}
@media(max-width:760px){
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{padding:80px 0 40px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail .p9-model-steps>li{min-height:0;padding:28px 20px 42px 74px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{max-width:calc(100% + 28px);margin-left:-44px;padding:24px;min-height:130px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps h3{font-size:clamp(22px,5.5vw,26px)}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-number{left:16px;font-size:52px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-eyebrow{max-width:100%;box-sizing:border-box;white-space:normal}
}
@media(max-height:650px) and (min-width:761px){
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{padding:72px 0 32px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) h2{font-size:36px;letter-spacing:-1px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-rail .p9-model-steps>li{min-height:0;padding-top:28px;padding-bottom:32px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-model-steps h3{font-size:26px}
 html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .p9-stage-outcome{margin-top:30px}
}

/* Native sticky scroll scene: its full-height viewport covers the scroll runway. */
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:400svh;min-height:0;overflow:visible}
html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{position:sticky;top:0;height:100svh;min-height:100svh;overflow:hidden}
@media(max-width:760px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios).operating-scroll{height:475svh}}
@media(max-height:650px){html :is(body[data-page="aicc"] #operatingModel,body[data-page="insurance"] #scenarios,body[data-page="logistic"] #scenarios,body[data-page="bpo"] #scenarios,body[data-page="fmcg"] #scenarios) .operating-viewport{overflow-y:auto}}

html body:is([data-page="insurance"],[data-page="logistic"],[data-page="bpo"],[data-page="fmcg"]) #scenarios .p9-model-steps li>div>.insurance-stage-label{font-size:14px;line-height:22px;color:#00000073;margin:0 0 14px}