.ws-page .shell{max-width:1280px;width:calc(100% - 70px)}.ws-page .content-section{padding:25px 0;background:white}.ws-page .section-heading{max-width:none;margin:0 0 14px}.ws-page h2{font-size:31px;line-height:1.12;margin:0 0 9px}.ws-page h3{font-size:22px}.ws-page p{line-height:1.3}.ws-page .section-heading p{font-size:18px;margin:7px 0}.ws-page .eyebrow{font-size:12px;margin:0 0 6px;letter-spacing:.1em}.ws-page .product-hero{padding:22px 0;background:#ecfaff;position:relative;overflow:hidden}.ws-page .product-hero-grid{position:relative;min-height:370px;display:grid;grid-template-columns:46% 54%;gap:0}.ws-page .product-hero-grid>div:first-child{z-index:2;background:#ffffffed;padding:22px;position:relative;border-radius:4px}.ws-page .product-hero h1{font-size:39px;line-height:1.04;margin:10px 0 14px}.ws-page .product-identity{font-size:20px;margin-bottom:8px}.ws-page .product-art{position:absolute;inset:-22px -35px -22px auto;width:76%;border:0;border-radius:0;box-shadow:none;mask-image:linear-gradient(90deg,transparent,black 20%)}.ws-page .product-art img{height:100%;width:100%;object-fit:cover;object-position:right center;aspect-ratio:auto}.ws-page .actions{gap:10px;margin-top:18px}.ws-page .button{background:var(--green);border-color:var(--green);color:white;font-size:16px;padding:11px 16px}.ws-page .button.secondary{background:white;color:var(--green);border-color:#9ccdc1}.ws-page .button:hover{background:#006654}.ws-page .button.secondary:hover{background:#ecf8f5}.ws-page .hero-benefits{margin-top:12px}.ws-page .hero-benefits li:before{display:none}.ws-page #from-exception-to-resolution .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;position:relative}.ws-page #from-exception-to-resolution .feature-grid:after{content:'›';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:45px;color:#3097ee}.ws-page #from-exception-to-resolution .feature{display:grid;grid-template-columns:70px 1fr;gap:0 18px;padding:18px 24px;background:#f1faff;border:0}.ws-page #from-exception-to-resolution .feature:last-child{background:#fff5ef}.ws-page .feature-icon{grid-row:1/3;width:58px;height:58px;margin:0;padding:13px;border-radius:50%;background:#e4f3fd;align-self:center}.ws-page .feature-icon svg{width:32px;height:32px}.ws-page #from-exception-to-resolution h3{font-size:22px;margin-bottom:5px}.ws-page #from-exception-to-resolution .feature p{font-size:17px;margin:0}.ws-page .ws-intro-note{max-width:none;text-align:center;padding:10px;background:#eff9ff;font-size:18px;margin:14px 0 0}.ws-page #resolution-workspace,.ws-page #capabilities,.ws-page #warehouse-operations{background:linear-gradient(110deg,#f0fbff,#fff)}.ws-page #resolution-workspace .restored-split{grid-template-columns:270px minmax(0,1fr);gap:35px;align-items:center}.ws-page .visual-checklist{margin:0;padding:0;gap:12px}.ws-page .visual-checklist li{gap:15px;margin:10px 0;align-items:center}.ws-page .visual-checklist strong{font-size:18px;font-weight:400;line-height:1.25}.ws-page .visual-checklist svg{width:44px;height:44px;padding:10px;border-radius:50%;background:#eef4ff;color:#315d9e;flex-shrink:0}.ws-page .crisp-workspace{margin:0;border:9px solid #102b43;border-radius:20px;box-shadow:0 5px 15px #18456620}.ws-page .ui-top{padding:6px 12px;background:linear-gradient(90deg,#064a78,#122b50)}.ws-page .ui-top strong{color:white;font-size:18px}.ws-page .ui-search,.ws-page .ui-tools{display:none}.ws-page .ui-layout.with-nav{grid-template-columns:115px minmax(0,1fr)}.ws-page .ui-nav{padding:8px 5px;gap:2px}.ws-page .ui-nav>span{font-size:11px;padding:6px 3px}.ws-page .ui-body{padding:10px}.ws-page .ui-body h3{font-size:22px;margin-bottom:8px}.ws-page .ui-stats{gap:8px;margin:8px 0 12px}.ws-page .ui-stats>div{padding:7px;gap:3px}.ws-page .ui-stats strong{font-size:23px}.ws-page .ui-stats span{font-size:11px}.ws-page .ui-table-scroll th,.ws-page .ui-table-scroll td{padding:6px;font-size:12px}.ws-page .crisp-workspace figcaption{font-size:10px;padding:3px}.ws-page .restored-flow{gap:30px;margin:18px 0 0}.ws-page #workflow .step-art{display:none}.ws-page #workflow .step-count{display:grid;place-items:center;width:36px;height:36px;background:var(--step-color,#46bca1);color:white;border:8px solid #e8fbf2;box-sizing:content-box;border-radius:50%;margin:0 auto 10px}.ws-page #workflow li:nth-child(2){--step-color:#ff8251}.ws-page #workflow li:nth-child(3){--step-color:#a68ce5}.ws-page #workflow li:nth-child(4){--step-color:#ecc05c}.ws-page #workflow li:nth-child(5){--step-color:#4ca7ea}.ws-page #workflow li:nth-child(6){--step-color:#ef6295}.ws-page .restored-flow h3{font-size:20px;margin:0 0 6px}.ws-page .restored-flow p{font-size:16px;line-height:1.25}.ws-page .restored-flow li:after{top:5px;color:#536cd7}.ws-page .connected-hub{position:relative;display:grid;grid-template-columns:1fr 230px 1fr;grid-template-rows:repeat(3,auto);gap:18px 95px;max-width:1100px;margin:20px auto 0;align-items:center}.ws-page .hub-spokes{display:contents;border:0;padding:0}.ws-page .hub-center{grid-column:2;grid-row:1/4;width:205px;height:205px;border-radius:50%;border:10px double #d2eafa;background:#f3fbff;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;margin:auto;font-size:22px;z-index:2}.ws-page .hub-center:after,.ws-page .hub-node:before{display:none}.ws-page .hub-node{position:relative;z-index:2;display:grid;grid-template-columns:45px 1fr;column-gap:12px;border:0;background:none;padding:0;min-width:0}.ws-page .hub-node:nth-child(odd){grid-column:1}.ws-page .hub-node:nth-child(even){grid-column:3}.ws-page .hub-node:nth-child(-n+2){grid-row:1}.ws-page .hub-node:nth-child(3),.ws-page .hub-node:nth-child(4){grid-row:2}.ws-page .hub-node:nth-child(n+5){grid-row:3}.ws-page .hub-node>svg{grid-row:1/3;width:42px;height:42px;border-radius:50%;background:#eef6ff;padding:8px;margin:0;color:#3f56a3}.ws-page .hub-node strong{font-size:18px}.ws-page .hub-node p{font-size:16px;margin:4px 0 0}.ws-page .ws-hub-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ws-page #warehouse-operations .step-art{background:none;width:60px;height:50px;margin:0 auto 6px;color:#314e9a}.ws-page #warehouse-operations .step-art svg{width:44px;height:44px}.ws-page .ws-operation-state{position:absolute;right:15%;top:-2px;border-radius:50%;width:19px;height:19px;background:#ff7846;color:white;display:grid;place-items:center;font-size:13px;z-index:2}.ws-page #warehouse-operations li:last-child .ws-operation-state{background:#00ac80}.ws-page #warehouse-operations h3{font-size:17px}.ws-page #business-impact .outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 60px}.ws-page .outcome-grid li{display:flex;align-items:center;gap:15px;background:none;border:0;padding:0}.ws-page .outcome-grid svg{width:40px;height:40px;flex-shrink:0;padding:8px;border-radius:50%;background:#eef7ff;color:#345e9d}.ws-page .outcome-grid strong{font-size:18px}.ws-page .outcome-grid p{font-size:16px;margin:3px 0 0}.ws-page #product-ecosystem{background:linear-gradient(#f0faff,#fff);padding:28px 0}.ws-page #product-ecosystem h2{font-size:38px}.ws-page #product-ecosystem .section-heading p{max-width:none}.ws-page .product-connection{margin:20px 0;gap:0;align-items:stretch}.ws-page .product-connection article{flex:1;padding:22px;border:2px solid #d0e5f4;box-shadow:0 3px 9px #24588110;background:white}.ws-page .product-connection h3{font-size:28px}.ws-page .product-connection p{font-size:18px;margin-top:8px}.ws-page .connection-symbol{width:110px;align-self:center;color:#059da5;font-size:35px}.ws-page .connection-symbol small{font-size:12px;text-transform:uppercase;max-width:none;font-weight:700}.ws-page .ws-combined{padding:12px 16px;background:#eef5ff;border-left:4px solid #00a9a5;border-radius:5px;font-size:17px;max-width:none}.ws-page #sap-environment{padding-bottom:10px}.ws-page .system-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.ws-page .system-list>div{display:flex;align-items:center;gap:15px;padding:10px 20px;min-width:0;border:0;border-right:1px solid #dcebf5;background:none}.ws-page .system-list svg{width:36px;height:36px;flex-shrink:0}.ws-page .system-list span{font-size:16px}.ws-page #outcome{padding-top:10px}.ws-page #outcome .outcome-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.ws-page #outcome strong{font-size:16px;font-weight:400}.ws-page #outcome .outcome-grid li{gap:8px}.ws-page .final-banner{padding:20px 0;background:linear-gradient(110deg,#ffb75a,#e3df6b,#43c599,#049ac0,#163272);isolation:isolate;position:relative}.ws-page .final-banner:before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 30deg,#ffffff16 0 60deg,#082b7216 60deg 120deg,transparent 120deg 180deg);background-size:170px 100px;z-index:-1}.ws-page .final-banner:after{display:none}.ws-page .banner-inner{display:block;padding-left:10%}.ws-page .final-banner h2{color:#071b45;font-size:32px}.ws-page .final-banner p{color:#071b45;font-size:17px;margin:5px 0}.ws-page .final-banner .button{margin-top:10px}.ws-page .final-banner .eyebrow{font-size:12px}
@media(max-width:1050px){.ws-page .product-hero-grid{grid-template-columns:53% 47%}.ws-page .product-hero h1{font-size:34px}.ws-page #resolution-workspace .restored-split{grid-template-columns:210px minmax(0,1fr);gap:20px}.ws-page .connected-hub{grid-template-columns:1fr 170px 1fr;gap:15px 25px}.ws-page .hub-center{width:165px;height:165px;font-size:19px}.ws-page .restored-flow{gap:20px}.ws-page #outcome .outcome-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.ws-page .shell{width:calc(100% - 32px)}.ws-page h2{font-size:27px}.ws-page .product-hero-grid{display:block;min-height:0}.ws-page .product-hero-grid>div:first-child{padding:18px}.ws-page .product-art{position:relative;inset:auto;width:calc(100% + 32px);margin:16px -16px -22px;height:240px;mask-image:none}.ws-page .product-art img{min-height:0}.ws-page #from-exception-to-resolution .feature-grid{grid-template-columns:1fr;gap:15px}.ws-page #from-exception-to-resolution .feature-grid:after{display:none}.ws-page #from-exception-to-resolution .feature{padding:15px;grid-template-columns:50px 1fr}.ws-page .feature-icon{width:46px;height:46px;padding:9px}.ws-page .feature-icon svg{width:28px;height:28px}.ws-page #resolution-workspace .restored-split{grid-template-columns:1fr}.ws-page .visual-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ws-page .visual-checklist strong{font-size:16px}.ws-page .visual-checklist li{margin:0;gap:8px}.ws-page .ui-layout.with-nav{grid-template-columns:1fr}.ws-page .ui-nav{display:none}.ws-page .ui-stats{grid-template-columns:1fr 1fr}.ws-page .crisp-workspace{border-width:5px}.ws-page .restored-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ws-page .restored-flow li:after{display:none!important}.ws-page .connected-hub{display:flex;flex-direction:column;gap:18px}.ws-page .hub-spokes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ws-page .hub-node{display:block}.ws-page .hub-node svg{margin-bottom:6px}.ws-page .hub-node strong{font-size:17px}.ws-page .hub-node p{font-size:15px}.ws-page .ws-hub-lines{display:none}.ws-page #warehouse-operations .restored-flow{grid-template-columns:repeat(2,1fr)}.ws-page #business-impact .outcome-grid{grid-template-columns:1fr;gap:15px}.ws-page .product-connection{flex-direction:column;gap:10px}.ws-page .connection-symbol{width:100%;font-size:26px}.ws-page #product-ecosystem h2{font-size:31px}.ws-page .system-list{grid-template-columns:1fr;gap:8px}.ws-page #outcome .outcome-grid{grid-template-columns:1fr 1fr}.ws-page .banner-inner{padding-left:0}}
.ws-page .product-art{width:54%;inset:0 -15px 0 auto;mask-image:none;background:#082132}.ws-page .product-art svg{width:100%;height:100%;display:block}.ws-page .product-hero-grid{min-height:440px;align-items:center}.ws-page #business-impact .outcome-grid{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}
@media(max-width:700px){.ws-page .product-hero-grid{min-height:0}.ws-page .product-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1216/821;margin:15px 0 0}.ws-page #business-impact .outcome-grid{grid-auto-flow:row;grid-template-rows:none}}
.ws-page .product-art{background:transparent;inset:50% -15px auto auto;height:auto;aspect-ratio:1216/821;transform:translateY(-50%)}
@media(max-width:700px){.ws-page .product-art{inset:auto;transform:none}}

/* B1: preserve complete approved diagram */
.ws-page .product-art{aspect-ratio:1734/907}
