/* Approved product composition, isolated from the other story chapters. */
body.composition-v9 .marketplace-demo{position:absolute;inset:90px var(--pad) 70px;max-width:1800px;margin-inline:auto;--muted:#66707e;z-index:4}

body.composition-v9 .marketplace-demo .market-main{position:relative;width:100%;height:100%}
body.composition-v9 .marketplace-demo .intro{position:absolute;left:0;top:5%;width:43%;z-index:2}
body.composition-v9 .marketplace-demo .eyebrow{font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.035em;margin:0 0 22px}
body.composition-v9 .marketplace-demo .intro h2{font:600 clamp(38px,3.65vw,70px)/1.12 'Unbounded',sans-serif;letter-spacing:-.065em;margin:0}
body.composition-v9 .marketplace-demo .intro h2>span{color:var(--blue)}
body.composition-v9 .marketplace-demo .intro-copy{font-size:clamp(18px,1.25vw,23px);line-height:1.45;margin:25px 0 0;max-width:30em}
body.composition-v9 .marketplace-demo .product{position:absolute;left:34%;top:29%;width:31%;margin:0;z-index:1;text-align:center}
body.composition-v9 .marketplace-demo .product-object{position:relative;animation:market-product-drift 8.5s ease-in-out -2s infinite;transform-origin:50% 65%}
body.composition-v9 .marketplace-demo .product-object>img{display:block;width:100%;height:auto}
body.composition-v9 .marketplace-demo .product figcaption{display:grid;gap:9px;margin-top:-12px}
body.composition-v9 .marketplace-demo .product figcaption>span{font-size:13px;color:var(--muted)}
body.composition-v9 .marketplace-demo .product figcaption>strong{font-size:21px;font-weight:500;letter-spacing:-.02em}
body.composition-v9 .marketplace-demo .product:hover .product-object{animation-play-state:paused}
body.composition-v9 .marketplace-demo .module-heading{display:flex;align-items:baseline;gap:12px}
body.composition-v9 .marketplace-demo .module-number{color:var(--blue);font-size:13px;font-weight:500}
body.composition-v9 .marketplace-demo .module-heading h3{font:500 clamp(23px,1.65vw,30px)/1.2 'Unbounded',sans-serif;letter-spacing:-.05em;margin:0}
body.composition-v9 .marketplace-demo .module-copy{font-size:17px;line-height:1.45;margin:14px 0 22px}
body.composition-v9 .marketplace-demo .supply{position:absolute;left:0;top:53%;width:30%;max-width:460px}
body.composition-v9 .marketplace-demo .shipment-route{display:flex;align-items:flex-start;width:100%;max-width:390px;margin-top:26px}
body.composition-v9 .marketplace-demo .shipment-route button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;border:0;background:none;flex:0 0 74px;font-size:13px}
body.composition-v9 .marketplace-demo .route-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #dce4ff;border-radius:16px;background:linear-gradient(145deg,#fff,#edf1ff);color:var(--blue);box-shadow:2px 4px 0 #e8edfc,0 7px 16px #244cfa09;transform:rotate(var(--route-tilt,0deg));transition:color 180ms,border-color 180ms,box-shadow 180ms,transform 320ms ease-out}
body.composition-v9 .marketplace-demo .route-icon svg{display:block;width:35px;height:35px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.composition-v9 .marketplace-demo .shipment-route button[aria-pressed=true] .route-icon{background:linear-gradient(145deg,#8eaeff 0%,#3968ff 28%,#244cfa 64%,#1432bd);border-color:#325ff7;color:#fff;box-shadow:3px 5px 0 #1736bd,0 9px 20px #244cfa28;transform:translateY(-2px) rotate(var(--route-tilt,0deg)) scale(1.04)}
body.composition-v9 .marketplace-demo .shipment-route button[aria-pressed=true]{color:var(--blue)}
body.composition-v9 .marketplace-demo .route-dash{height:1px;background:#dce3f4;flex:1;min-width:8px;margin:29px 2px 0}
body.composition-v9 .marketplace-demo .shipment-detail{font-size:14px;line-height:1.45;color:var(--muted);margin:20px 0 0;min-height:2.9em;max-width:27em}
body.composition-v9 .marketplace-demo .documents{position:absolute;right:1.5%;top:4%;width:27%;max-width:440px;padding:24px 26px 20px;border:1px solid #dfe4ed;background:#fff;border-radius:3px 23px 3px 3px;box-shadow:0 12px 35px #18294a08;transform:rotate(1.6deg)}
body.composition-v9 .marketplace-demo .paper-corner{position:absolute;right:-1px;top:-1px;width:28px;height:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 21px 0 5px;background:linear-gradient(45deg,#edf1fb,#fff)}
body.composition-v9 .marketplace-demo .documents .module-copy{font-size:16px;margin:14px 0 15px}
body.composition-v9 .marketplace-demo .document-list{list-style:none;margin:0;padding:0}
body.composition-v9 .marketplace-demo .document-list li{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:11px 0;font-size:14px}
body.composition-v9 .marketplace-demo .document-list li>span+span{color:var(--blue)}
body.composition-v9 .marketplace-demo .paper-foot{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:12px}
body.composition-v9 .marketplace-demo .market-economics{position:absolute;right:0;top:42%;width:31%;max-width:490px;padding:23px 26px 20px;background:#fff;border:1px solid #dfe4ed;border-radius:14px;box-shadow:0 14px 40px #18294a08}
body.composition-v9 .marketplace-demo .market-economics .module-copy{font-size:16px;margin:12px 0 16px}
body.composition-v9 .marketplace-demo .cost-basis{display:flex;align-items:center;gap:8px;font-size:13px;padding-bottom:11px}
body.composition-v9 .marketplace-demo .cost-basis>b{font-weight:400;color:var(--blue)}
body.composition-v9 .marketplace-demo .cost-result{display:flex;justify-content:space-between;gap:10px;padding:10px 0 12px;border-top:1px solid #a9bcff;color:var(--blue);font-size:15px;font-weight:500}
body.composition-v9 .marketplace-demo .cost-result>span+span{font-size:20px;line-height:1}
body.composition-v9 .marketplace-demo .scheme-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:3px 0 11px;font-size:13px}
body.composition-v9 .marketplace-demo .scheme-options{display:flex;gap:3px;padding:3px;background:#f0f3fb;border-radius:7px}
body.composition-v9 .marketplace-demo .scheme-options button{border:0;background:none;padding:5px 9px;font-size:12px;border-radius:4px;color:var(--muted)}
body.composition-v9 .marketplace-demo .scheme-options button[aria-pressed=true]{background:var(--blue);color:#fff}
body.composition-v9 .marketplace-demo .expense-list{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:13px;line-height:1.5;color:var(--ink)}
body.composition-v9 .marketplace-demo .expense-list>span{white-space:nowrap}
body.composition-v9 .marketplace-demo .expense-list>span::before{content:'−';color:var(--blue);margin-right:5px}
body.composition-v9 .marketplace-demo .scheme-detail{font-size:12px;line-height:1.4;color:var(--muted);margin:13px 0 0;min-height:1.4em}

@keyframes market-product-drift{0%,100%{transform:translate3d(0,4px,0) rotate(-1.5deg)}50%{transform:translate3d(0,-7px,0) rotate(1deg)}}
@media(min-width:2400px){body.composition-v9 .marketplace-demo .intro h2{font-size:82px}
body.composition-v9 .marketplace-demo .intro-copy{font-size:25px}
body.composition-v9 .marketplace-demo .module-heading h3{font-size:34px}
body.composition-v9 .marketplace-demo .module-copy,body.composition-v9 .marketplace-demo .documents .module-copy,body.composition-v9 .marketplace-demo .market-economics .module-copy{font-size:20px}
body.composition-v9 .marketplace-demo .documents{max-width:520px;padding:30px 32px 25px}
body.composition-v9 .marketplace-demo .document-list li{font-size:17px;padding-block:14px}
body.composition-v9 .marketplace-demo .paper-foot{font-size:14px}
body.composition-v9 .marketplace-demo .market-economics{top:44%;max-width:590px;padding:30px 32px 25px}
body.composition-v9 .marketplace-demo .cost-basis,body.composition-v9 .marketplace-demo .scheme-row,body.composition-v9 .marketplace-demo .expense-list{font-size:16px}
body.composition-v9 .marketplace-demo .cost-result{font-size:18px}
body.composition-v9 .marketplace-demo .scheme-options button,body.composition-v9 .marketplace-demo .scheme-detail{font-size:14px}

body.composition-v9 .marketplace-demo .shipment-route{max-width:460px}
body.composition-v9 .marketplace-demo .shipment-route button{font-size:16px;flex-basis:90px}
body.composition-v9 .marketplace-demo .route-icon{width:70px;height:70px}
body.composition-v9 .marketplace-demo .route-icon svg{width:43px;height:43px}
body.composition-v9 .marketplace-demo .route-dash{margin-top:35px}
body.composition-v9 .marketplace-demo .shipment-detail{font-size:17px}
body.composition-v9 .marketplace-demo .product figcaption>strong{font-size:25px}
body.composition-v9 .marketplace-demo .product figcaption>span{font-size:15px}}
@media(max-width:1550px){body.composition-v9 .marketplace-demo .intro{top:4%}
body.composition-v9 .marketplace-demo .eyebrow{font-size:13px;margin-bottom:18px}
body.composition-v9 .marketplace-demo .intro-copy{font-size:18px;margin-top:20px}
body.composition-v9 .marketplace-demo .product{left:34%;top:30%;width:31%}
body.composition-v9 .marketplace-demo .product figcaption>strong{font-size:18px}
body.composition-v9 .marketplace-demo .product figcaption>span{font-size:12px}
body.composition-v9 .marketplace-demo .supply{top:52%;width:30%}
body.composition-v9 .marketplace-demo .module-heading{gap:9px}
body.composition-v9 .marketplace-demo .module-heading h3{font-size:23px}
body.composition-v9 .marketplace-demo .module-copy{font-size:16px}
body.composition-v9 .marketplace-demo .shipment-route{margin-top:20px}
body.composition-v9 .marketplace-demo .shipment-route button{flex-basis:65px;font-size:12px}
body.composition-v9 .marketplace-demo .route-icon{width:50px;height:50px;border-radius:14px}
body.composition-v9 .marketplace-demo .route-icon svg{width:31px;height:31px}
body.composition-v9 .marketplace-demo .route-dash{margin-top:25px}
body.composition-v9 .marketplace-demo .shipment-detail{font-size:13px;margin-top:17px}
body.composition-v9 .marketplace-demo .documents{top:4%;right:0;width:28%;padding:20px 22px 17px}
body.composition-v9 .marketplace-demo .documents .module-copy{font-size:14px;line-height:1.4;margin:11px 0 12px}
body.composition-v9 .marketplace-demo .document-list li{font-size:13px;padding:9px 0}
body.composition-v9 .marketplace-demo .paper-foot{font-size:11px;margin-top:10px}
body.composition-v9 .marketplace-demo .market-economics{top:46%;width:31%;padding:19px 21px 16px}
body.composition-v9 .marketplace-demo .market-economics .module-copy{font-size:14px;margin:11px 0 13px}
body.composition-v9 .marketplace-demo .cost-basis{font-size:12px;gap:6px;padding-bottom:9px}
body.composition-v9 .marketplace-demo .cost-result{font-size:13px;padding-block:9px}
body.composition-v9 .marketplace-demo .scheme-row{font-size:12px}
body.composition-v9 .marketplace-demo .expense-list{font-size:12px;gap:4px 10px}
body.composition-v9 .marketplace-demo .scheme-detail{font-size:11px}
}
@media(min-width:1001px) and (max-height:850px){body.composition-v9 .marketplace-demo .intro{top:3%}
body.composition-v9 .marketplace-demo .intro h2{font-size:clamp(38px,3.5vw,54px)}
body.composition-v9 .marketplace-demo .intro-copy{font-size:18px;margin-top:18px}
body.composition-v9 .marketplace-demo .documents{top:2%;padding-top:18px;padding-bottom:14px}
body.composition-v9 .marketplace-demo .documents .module-copy{margin-block:10px}
body.composition-v9 .marketplace-demo .document-list li{padding-block:8px}
body.composition-v9 .marketplace-demo .paper-foot{margin-top:8px}
body.composition-v9 .marketplace-demo .market-economics{top:45%;padding-top:17px;padding-bottom:15px}
body.composition-v9 .marketplace-demo .market-economics .module-copy{margin-block:9px}
body.composition-v9 .marketplace-demo .product{top:31%;width:29%;left:35%}
body.composition-v9 .marketplace-demo .supply{top:52%}
body.composition-v9 .marketplace-demo .module-copy{margin-block:12px 17px}
body.composition-v9 .marketplace-demo .shipment-detail{margin-top:15px}}
@media(max-width:1000px){body.composition-v9 .marketplace-demo .intro,body.composition-v9 .marketplace-demo .product,body.composition-v9 .marketplace-demo .supply,body.composition-v9 .marketplace-demo .documents,body.composition-v9 .marketplace-demo .market-economics{position:relative;inset:auto;width:100%;max-width:none}
body.composition-v9 .marketplace-demo .intro{grid-column:1/-1}
body.composition-v9 .marketplace-demo .intro h2{font-size:clamp(36px,6vw,60px)}
body.composition-v9 .marketplace-demo .product{grid-column:1;grid-row:2/4;align-self:center}
body.composition-v9 .marketplace-demo .documents{grid-column:2;grid-row:2;transform:rotate(1deg)}
body.composition-v9 .marketplace-demo .market-economics{grid-column:2;grid-row:3}
body.composition-v9 .marketplace-demo .supply{grid-column:1/-1;max-width:500px}

}
@media(max-width:600px){body.composition-v9 .marketplace-demo .product,body.composition-v9 .marketplace-demo .documents,body.composition-v9 .marketplace-demo .market-economics,body.composition-v9 .marketplace-demo .supply{grid-column:1;grid-row:auto}
body.composition-v9 .marketplace-demo .product{max-width:330px;margin:0 auto}
body.composition-v9 .marketplace-demo .intro h2{font-size:35px}
body.composition-v9 .marketplace-demo .intro-copy{font-size:17px}
body.composition-v9 .marketplace-demo .documents,body.composition-v9 .marketplace-demo .market-economics{max-width:440px;margin-inline:auto}

}
body.composition-v9 .marketplace-demo:has(button:focus-visible) .product-object{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){body.composition-v9 .marketplace-demo .product-object{animation:none}
body.composition-v9 .marketplace-demo .route-icon{transition:none}}

body.composition-v9 .marketplace-demo .product-object{animation-play-state:paused}
body.composition-v9 .marketplace-chapter:is([data-motion-state="running"],[data-motion-state="ambient"]) .product-object{animation-play-state:running}
body.composition-v9 .marketplace-demo:has(button:focus-visible) .product-object,
body.composition-v9 .marketplace-demo .product:hover .product-object,
body.composition-v9 .marketplace-chapter[inert] .product-object{animation-play-state:paused}
@media(min-width:2400px){body.composition-v9 .marketplace-demo{max-width:2200px}body.composition-v9 .marketplace-demo .market-economics{top:46%}}
@media(min-width:1001px) and (max-height:850px){
  body.composition-v9 .marketplace-demo{top:78px;bottom:68px}
  body.composition-v9 .marketplace-demo .documents{padding:14px 18px 12px}
  body.composition-v9 .marketplace-demo .documents .module-copy{margin-block:8px}
  body.composition-v9 .marketplace-demo .document-list li{padding-block:5px}
  body.composition-v9 .marketplace-demo .module-heading h3{font-size:21px}
  body.composition-v9 .marketplace-demo .market-economics{top:43%;padding:14px 18px 12px}
  body.composition-v9 .marketplace-demo .market-economics .module-copy{margin-block:8px}
  body.composition-v9 .marketplace-demo .cost-basis{padding-bottom:7px}
  body.composition-v9 .marketplace-demo .cost-result{padding-block:7px}
  body.composition-v9 .marketplace-demo .scheme-row{margin-bottom:8px}
  body.composition-v9 .marketplace-demo .scheme-detail{margin-top:10px}
  
}
body.composition-v9:is(.motion-off,:not(.motion-ready)) .marketplace-chapter>.stage{height:100svh;min-height:720px}
@media(max-width:1000px){body.composition-v9 .marketplace-demo{overflow:auto;padding:10px 4px 25px;overscroll-behavior:contain}body.composition-v9 .marketplace-demo .market-main{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;height:auto}}
@media(max-width:600px){body.composition-v9 .marketplace-demo .market-main{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body.composition-v9 .marketplace-demo .product-object{animation:none}}

body.composition-v9 .marketplace-demo .parcel-anchor{position:absolute;left:54%;top:7%;width:clamp(110px,10vw,190px);aspect-ratio:1;pointer-events:none}
body.composition-v9 .marketplace-demo .parcel-fallback{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 14px #244cfa20)}
body.composition-v9.motion-ready.has-3d:not(.motion-off) .marketplace-demo .parcel-fallback{visibility:hidden}
@media(max-width:1000px){body.composition-v9 .marketplace-demo .parcel-anchor{position:relative;left:auto;top:auto;grid-column:2;grid-row:2;width:130px;justify-self:center;align-self:end;margin-bottom:12px}body.composition-v9 .marketplace-demo .documents{grid-row:3}body.composition-v9 .marketplace-demo .market-economics{grid-row:4}}
@media(max-width:600px){body.composition-v9 .marketplace-demo .parcel-anchor{grid-column:1;grid-row:auto;margin:0 auto}}

body.composition-v9 .marketplace-demo .shipment-route button[data-supply=plan]{--route-tilt:-7deg}
body.composition-v9 .marketplace-demo .shipment-route button[data-supply=transfer]{--route-tilt:6deg}
body.composition-v9 .marketplace-demo .shipment-route button[data-supply=receiving]{--route-tilt:-5deg}
body.composition-v9 .marketplace-demo .shipment-route button:is(:hover,:focus-visible) .route-icon{border-color:var(--blue)}
@media(min-width:1001px){
  body.composition-v9 .marketplace-demo .product{left:49.5%;translate:-50% 0;max-width:calc(84.15svh - 213px)}
}
@media(min-width:2400px) and (max-height:1000px){
  body.composition-v9 .marketplace-demo .documents{padding:24px 26px 20px}
  body.composition-v9 .marketplace-demo :is(.documents,.market-economics) .module-heading h3{font-size:26px}
  body.composition-v9 .marketplace-demo :is(.documents,.market-economics) .module-copy{font-size:16px}
  body.composition-v9 .marketplace-demo .document-list li{font-size:14px;padding-block:10px}
  body.composition-v9 .marketplace-demo .paper-foot{font-size:12px}
  body.composition-v9 .marketplace-demo .market-economics{padding:24px 26px 20px}
  body.composition-v9 .marketplace-demo :is(.cost-basis,.scheme-row,.expense-list){font-size:14px}
  body.composition-v9 .marketplace-demo .cost-result{font-size:16px}
  body.composition-v9 .marketplace-demo :is(.scheme-options button,.scheme-detail){font-size:12px}
  
}
@media(min-width:1001px) and (max-height:719px){
  body.composition-v9 .marketplace-demo .documents{transform:rotate(1.6deg) scale(.9);transform-origin:top right}
  body.composition-v9 .marketplace-demo .market-economics{top:auto;bottom:0;transform:scale(.94);transform-origin:bottom right}
  body.composition-v9 .marketplace-demo .parcel-anchor{top:4%}
}