.zz-stories{--zz-ink:#181818;--zz-muted:#757575;--zz-stage:#f0f0ef;--zz-font:Geist,sans-serif;font:400 16px/1.5 var(--zz-font);color:var(--zz-ink);padding-block:112px 100px}.zz-stories *{box-sizing:border-box}.zz-stories h2,.zz-stories h3,.zz-stories p{margin:0}.zz-stories button{cursor:pointer}.zz-stories button:focus-visible{outline:2px solid #333;outline-offset:5px}.zz-stories svg{display:block;flex-shrink:0}.zz-stories [hidden]{display:none!important}.zz-stories .hx-milo-mark{fill:currentColor}.zz-row{scroll-margin-top:110px}.zz-stage{font-size:16px}.zz-copy h2{color:#181818;font-family:Geist,sans-serif}.zz-stories figure{margin:0}.zz-stories{width:min(1320px,calc(100% - 96px));margin:auto;display:grid;gap:144px}.zz-row{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:80px;align-items:center}.zz-row:nth-child(even){grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.zz-row:nth-child(even) .zz-copy{grid-column:2;grid-row:1}.zz-row:nth-child(even) .zz-stage{grid-column:1;grid-row:1}.zz-copy h2{font-size:clamp(32px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.042em}.zz-copy h2 em{font-style:normal;color:#777}.zz-copy p{font-size:17px;line-height:1.7;color:#767676;margin-top:26px;max-width:370px;text-wrap:pretty}.zz-stage{height:580px;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:#f0f0ef;box-shadow:inset 0 1px 0 #fff;container-type:inline-size}.zz-footer{max-width:1320px;margin:130px auto 0;padding:30px 48px 48px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:14px}.zz-footer>span{display:flex;gap:10px;align-items:center;color:#333;font-size:20px}.zz-footer svg{width:24px;height:24px}@media(min-width:1500px){.zz-stories{width:min(1440px,calc(100% - 120px))}.zz-row{gap:104px}.zz-stage{height:620px}}@media(max-width:1100px){.zz-stories{width:calc(100% - 64px);gap:100px}.zz-row,.zz-row:nth-child(even){gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.zz-row:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.zz-copy h2{font-size:34px}.zz-stage{height:550px}}@media(max-width:800px){.zz-nav{height:68px;padding:0 22px}.zz-nav>span{display:none}.zz-intro{padding:50px 20px 80px}.zz-intro h1{font-size:52px}.zz-intro p{font-size:17px;max-width:270px;margin:24px auto 0}.zz-stories{width:calc(100% - 40px);gap:80px}.zz-row,.zz-row:nth-child(even){display:flex;flex-direction:column;gap:28px;align-items:stretch}.zz-copy{padding:0 4px}.zz-copy h2{font-size:36px}.zz-copy p{margin-top:18px;font-size:16px;line-height:1.65;max-width:450px}.zz-stage{height:520px;border-radius:24px}.zz-footer{margin-top:80px;padding:28px 24px;gap:24px;font-size:14px}.zz-footer p{text-align:right}}@media(max-width:360px){.zz-stories{width:calc(100% - 24px)}.zz-intro h1{font-size:43px}.zz-copy h2{font-size:32px}.zz-stage{height:530px;border-radius:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

@media(max-width:800px){.zz-stories{padding-block:72px 80px}}
/* One pricing-inspired field across all four stories. Only Company Brain moves
   the color origins; the other stages retain these quiet, settled defaults. */
.zz-stage{background:#eef2f5}
.zz-stage::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 90% at 0% var(--zz-blue-y,68%),rgb(170 200 225 / var(--zz-blue-strength,1)) 0%,rgb(204 222 236 / var(--zz-blue-strength,1)) 30%,transparent 72%),radial-gradient(ellipse 95% 90% at 100% var(--zz-peach-y,68%),rgb(230 196 163 / var(--zz-peach-strength,1)) 0%,rgb(239 221 200 / var(--zz-peach-strength,1)) 35%,transparent 73%),linear-gradient(180deg,#f6f7f8 0%,#e9eff2 50%,#f7f5f1 100%)}
.zz-stage::after{content:"";position:absolute;z-index:-1;inset:-15%;background:linear-gradient(160deg,transparent 32%,#ffffff80 51%,transparent 52%);filter:blur(42px);pointer-events:none;transform:rotate(-10deg)}
#mi-work .mp-tabs button,#mi-multiplayer .mp-tabs button{max-width:none;font-size:14px}
