:root{--lime:#c2ff02;--peach:#ffbd9b;--lavender:#d9d6fd;--mint:#99feed;--punchout:#99feec;--punchout-dark:#216e65;--punchout-soft:#e9fffb;--white:#fff;--gray:#f5f5f3;--graphite:#202124;--muted:#696a6d;--line:#2021241a;--max:1200px;--shadow:0 24px 70px #20212412}.po-hero{background:radial-gradient(circle at 82% 14%,#d9d6fd6b,#0000 27%),radial-gradient(circle at 72% 70%,#99feed42,#0000 30%),radial-gradient(circle at 16% 100%,#ffbd9b21,#0000 30%),linear-gradient(#fff,#fbfbf8);align-items:center;min-height:760px;padding:142px 0 70px;display:flex;position:relative;overflow:hidden}.po-hero:before{content:"";opacity:.26;background-image:radial-gradient(circle,#20212426 0 1px,#0000 1.5px);background-size:12px 12px;width:115px;height:90px;position:absolute;top:21%;right:4%}.po-hero__grid{grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);align-items:center;gap:50px;display:grid}.po-hero__copy{max-width:680px}.po-hero__copy h1{letter-spacing:-.066em;font-size:clamp(3.75rem,5vw,5.45rem);line-height:.96}.po-hero__copy .lead{max-width:575px;margin-top:25px}.po-hero__acts{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.po-hero__proof{color:#737875;flex-wrap:wrap;align-items:center;gap:10px 15px;margin-top:21px;font-size:10px;font-weight:700;display:flex}.po-hero__proof span{align-items:center;gap:5px;display:flex}.po-hero__proof b{width:15px;height:15px;color:var(--graphite);background:#99feed9e;border-radius:50%;place-items:center;font-size:7px;display:grid}.po-platform-map{grid-template-columns:150px 1fr 150px;align-items:center;gap:18px;min-height:490px;display:grid;position:relative}.po-platform-map:before{content:"";z-index:0;background:radial-gradient(circle,#99feed3d,#d9d6fd1a 48%,#0000 70%);border-radius:50%;width:410px;height:410px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.po-map-side{z-index:2;gap:9px;display:grid;position:relative}.po-map-side__label{color:#858a87;letter-spacing:.09em;text-transform:uppercase;text-align:center;margin-bottom:3px;font-size:8px;font-weight:900}.po-logo-pill{--brand-scale:1;background:#ffffffdb;border:1px solid #20212412;border-radius:14px;place-items:center;height:48px;padding:8px 10px;display:grid}.po-logo-pill img{object-fit:contain;width:100%;max-width:110px;height:18px;transform:scale(var(--brand-scale));transform-origin:50%;display:block}.po-platform-core{z-index:3;background:#ffffffe0;border:1px solid #20212414;border-radius:30px;min-height:410px;padding:20px;position:relative;box-shadow:0 26px 70px #20212411}.po-platform-core__head{border-bottom:1px solid var(--line);padding:14px 14px 17px}.po-platform-core__head span{color:#858a87;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.po-platform-core__head strong{color:var(--graphite);letter-spacing:-.04em;margin-top:5px;font-size:23px;display:block}.po-platform-core__rows{gap:7px;padding:12px 0 0;display:grid}.po-core-row{background:var(--gray);border-radius:13px;justify-content:space-between;align-items:center;gap:15px;padding:11px 12px;display:flex}.po-core-row span{color:#555b58;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.po-core-row i{background:var(--punchout);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #99feec29}.po-core-row b{color:#8a8f8c;font-size:8px;font-weight:850}.po-platform-route{z-index:1;pointer-events:none;position:absolute;inset:0}.po-platform-route svg{width:100%;height:100%}.po-platform-route path{fill:none;stroke:#316b638c;stroke-width:1px;stroke-dasharray:7 7;vector-effect:non-scaling-stroke;animation:2.6s linear infinite route}@keyframes route{to{stroke-dashoffset:-56px}}.po-hero--overview .po-overview-architecture{isolation:isolate;width:100%;min-width:0;position:relative}.po-overview-architecture__mobile-connectors{display:none}@media (width<=1080px){.po-hero__grid{grid-template-columns:1fr;gap:35px}.po-hero__copy{max-width:760px}.po-hero__copy h1{font-size:clamp(3.7rem,9vw,5.2rem)}.po-platform-map{width:100%;max-width:680px;margin:auto}}@media (width<=760px){.po-hero{min-height:auto;padding:125px 0 55px}.po-hero__grid{gap:32px}.po-hero__copy h1{font-size:clamp(3rem,12vw,4.35rem);line-height:.98}.po-hero__acts{grid-template-columns:1fr;display:grid}.po-hero__acts .btn{width:100%}.po-hero--overview{padding:124px 0 50px}.po-hero--overview .wrap{width:calc(100% - 32px)}.po-hero--overview .po-hero__grid{gap:24px}.po-hero--overview .po-hero__copy h1{letter-spacing:0;max-width:360px;font-size:clamp(2.62rem,11.4vw,3.4rem);line-height:1.02}.po-hero--overview .po-hero__copy .lead{max-width:355px;margin-top:18px;font-size:14px;line-height:1.65}.po-hero--overview .po-hero__acts{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:10px;margin-top:22px;display:grid}.po-hero--overview .po-hero__acts .btn{white-space:nowrap;width:100%;min-height:46px;padding-inline:14px;font-size:11px;line-height:1}.po-hero--overview .po-hero__acts .btn span{margin-left:6px}.po-hero--overview .po-hero__proof{display:none}.po-hero--overview .po-overview-architecture{width:calc(100% + 8px);max-width:390px;margin:4px -4px 0;padding-top:20px}.po-hero--overview .po-overview-architecture:before{background:radial-gradient(#99feeda3,#99feed38 55%,#0000 80%);inset:88px -28px 16px}.po-hero--overview .punchout-architecture__labels,.po-hero--overview .punchout-architecture__connectors{display:none}.po-hero--overview .po-overview-architecture__mobile-connectors{z-index:0;pointer-events:none;width:100%;height:210px;display:block;position:absolute;top:86px;left:0;overflow:visible}.po-hero--overview .po-overview-architecture__mobile-connectors path{fill:none;stroke:#45cdbb;stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}.po-hero--overview .po-overview-architecture__mobile-connectors circle{fill:#eafffb;stroke:#45cdbb;stroke-width:1.6px;vector-effect:non-scaling-stroke}.po-hero--overview .punchout-architecture__flow{z-index:1;flex-direction:column;align-items:center;gap:26px;min-height:0;display:flex;position:relative}.po-hero--overview .punchout-architecture__stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.po-hero--overview .punchout-architecture__mobile-label{color:#67787a;letter-spacing:.07em;text-align:center;text-transform:uppercase;grid-column:1/-1;margin-bottom:4px;font-size:8px;font-weight:850;line-height:1.5;display:block}.po-hero--overview .punchout-architecture__logo-card{background:#fff;border:1px solid #e1e8e8;border-radius:10px;place-items:center;min-width:0;height:51px;padding:7px 6px;display:grid;box-shadow:0 8px 18px #223c3912}.po-hero--overview .punchout-architecture__logo-card img{object-fit:contain;width:100%;max-width:98px;height:100%;display:block}.po-hero--overview .punchout-architecture__logo-card--sap img{max-width:78px}.po-hero--overview .punchout-architecture__logo-card--shopify img{max-width:94px}.po-hero--overview .punchout-architecture__hub{aspect-ratio:1;text-align:center;background:#fff;border:1px solid #52d7c6;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:150px;height:150px;margin:auto;padding:16px 12px;display:flex;box-shadow:0 0 0 8px #6fe9d529,0 14px 30px #1b554a14}.po-hero--overview .punchout-architecture__hub:before,.po-hero--overview .punchout-architecture__hub:after,.po-hero--overview .punchout-architecture__stack--procurement:after{display:none}.po-hero--overview .punchout-architecture__hub-kicker{color:#6a7a79;letter-spacing:.08em;text-transform:uppercase;font-size:6px;font-weight:850;line-height:1.4}.po-hero--overview .punchout-architecture__hub img{object-fit:contain;width:102px;height:51px;margin:2px auto 0;display:block}.po-hero--overview .punchout-architecture__hub-status{color:#197968;background:#d1fff4;border-radius:999px;align-items:center;gap:6px;margin-top:5px;padding:5px 8px;font-size:7px;font-weight:850;display:inline-flex}.po-hero--overview .punchout-architecture__hub-status i{background:#28b99c;border-radius:50%;width:6px;height:6px}.po-hero--overview .punchout-architecture__legend{color:#627475;text-align:center;border-top:1px solid #e8eeee;width:100%;margin-top:18px;padding:14px 6px 0;font-size:8px;line-height:1.55}.po-hero--overview .punchout-architecture__legend span{color:#23b79c;margin:0 5px;font-weight:850}.po-platform-map{grid-template-columns:1fr;gap:12px;width:100%;max-width:540px;min-height:auto}.po-platform-map:before{width:280px;height:280px}.po-platform-route{display:none}.po-map-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.po-platform-core+.po-map-side{grid-template-columns:1fr}.po-map-side__label{text-align:center;grid-column:1/-1}.po-platform-core{border-radius:22px;min-height:auto;padding:14px}.po-platform-core__head{padding:10px 9px 13px}.po-platform-core__head strong{font-size:18px}.po-core-row{padding:9px 8px}.po-core-row span{font-size:8px}.po-core-row b{font-size:6.5px}.po-logo-pill{height:42px;padding:6px}.po-logo-pill img{max-width:92px;height:15px}}@media (width<=480px){.po-hero__copy h1{font-size:clamp(2.65rem,13vw,3.65rem)}.po-map-side{gap:6px}.po-logo-pill{height:39px}.po-platform-core__head span,.po-map-side__label{font-size:6px}.po-core-row,.po-core-row span{gap:5px}}.po-hero--overview{background:radial-gradient(540px 400px at 93% 30%,#f2f0ff 0,#0000 80%),radial-gradient(540px 420px at 73% 78%,#e8fff9 0,#0000 79%),radial-gradient(500px 320px at 5% 100%,#fff5ef 0,#0000 80%),#fff;overflow:hidden}.po-hero--overview .po-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,3vw,48px)}.po-hero--overview .po-hero__copy h1{letter-spacing:0;max-width:565px;margin:21px 0;font-size:clamp(51px,5.3vw,78px);line-height:1.03}.po-hero--overview .po-hero__copy .lead{max-width:505px;margin:0;font-size:16px;line-height:1.72}.po-hero--overview .po-hero__acts{gap:10px;margin-top:25px}.po-hero--overview .po-hero__acts .btn{min-height:46px;padding:11px 19px;font-size:12px}.po-hero--overview .po-overview-architecture{width:100%;min-width:0;max-width:none;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;padding:0;container-type:inline-size}.po-hero--overview .po-overview-architecture:before{content:"";z-index:-1;background:radial-gradient(at 50% 55%,#b7fff169 0%,#0000 67%);position:absolute;inset:-40px}.po-hero--overview .open-labels{color:#617076;letter-spacing:.065em;text-align:center;text-transform:uppercase;grid-template-columns:minmax(0,1fr) 216px minmax(0,1fr);align-items:center;column-gap:clamp(24px,5cqw,40px);margin-bottom:12px;font-size:9px;font-weight:800;line-height:1.5;display:grid}.po-hero--overview .open-system-flow{isolation:isolate;grid-template-columns:minmax(0,1fr) 216px minmax(0,1fr);align-items:center;column-gap:clamp(24px,5cqw,40px);min-height:330px;display:grid;position:relative}.po-hero--overview .hero-connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.po-hero--overview .hero-connectors path{fill:none;stroke:#45cdbb;stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:5 7;vector-effect:non-scaling-stroke;animation:2.8s linear infinite connector-flow}.po-hero--overview .hero-connectors path:nth-of-type(2){animation-delay:-.45s}.po-hero--overview .hero-connectors path:nth-of-type(3){animation-delay:-.9s}.po-hero--overview .hero-connectors path:nth-of-type(4){animation-delay:-1.35s}.po-hero--overview .hero-connectors circle{fill:#fff;stroke:#43cdbb;stroke-width:2px;vector-effect:non-scaling-stroke}@keyframes connector-flow{to{stroke-dashoffset:-24px}}.po-hero--overview .open-procurement,.po-hero--overview .open-hub,.po-hero--overview .open-commerce{z-index:1;position:relative}.po-hero--overview .open-procurement,.po-hero--overview .open-commerce{gap:14px;min-width:0;display:grid}.po-hero--overview .open-system{background:#fff;border:1px solid #e1e8e8;border-radius:15px;place-items:center;min-width:0;height:68px;padding:11px 9px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:0 7px 20px #223c390a}.po-hero--overview .open-system:hover{border-color:#92e6d6;transform:translateY(-4px);box-shadow:0 13px 25px #24685a14}.po-hero--overview .open-system img{object-fit:contain;width:100%;min-width:0;max-width:120px;height:100%;display:block}.po-hero--overview .open-hub{aspect-ratio:1;text-align:center;background:#fff;border:1px solid #52d7c6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:216px;height:216px;min-height:0;margin:auto;padding:23px 18px;display:flex;box-shadow:0 0 0 14px #6fe9d521,0 18px 40px #1b554a17}.po-hero--overview .open-hub:before,.po-hero--overview .open-hub:after{display:none}.po-hero--overview .open-hub-small{color:#6a7a79;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1.4}.po-hero--overview .open-brand-logo{object-fit:contain;width:134px;max-width:100%;height:66px;margin:1px auto 0;display:block}.po-hero--overview .open-hub-desc{color:#617574;margin-top:1px;font-size:9px;line-height:1.45}.po-hero--overview .open-connected{color:#197968;background:#d1fff4;border-radius:100px;align-items:center;gap:5px;margin-top:10px;padding:6px 10px;font-size:9px;font-weight:800;display:inline-flex}.po-hero--overview .open-connected i{background:#28b99c;border-radius:50%;width:6px;height:6px}.po-hero--overview .open-legend{color:#627475;text-align:center;border-top:1px solid #e8eeee;margin-top:16px;padding-top:15px;font-size:10px;line-height:1.7}.po-hero--overview .open-legend span{color:#23b79c;margin:0 5px}@media (width<=1150px){.po-hero--overview .po-hero__grid{grid-template-columns:1fr;gap:46px}.po-hero--overview .po-hero__copy,.po-hero--overview .po-hero__copy h1{max-width:720px}.po-hero--overview .po-hero__copy h1{font-size:clamp(48px,7vw,74px)}.po-hero--overview .po-overview-architecture{max-width:720px;margin-inline:auto}}@media (width<=600px){.po-hero--overview{padding:106px 0 48px}.po-hero--overview .wrap{width:calc(100% - 36px)}.po-hero--overview .po-hero__grid{gap:30px}.po-hero--overview .po-hero__copy h1{max-width:360px;margin:18px 0;font-size:clamp(39px,10.5vw,58px);line-height:1.07}.po-hero--overview .po-hero__copy .lead{max-width:355px;font-size:14px;line-height:1.7}.po-hero--overview .po-hero__acts{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.po-hero--overview .po-hero__acts .btn{width:auto;min-height:46px;padding:12px 16px}.po-hero--overview .po-hero__proof{display:none}}@container (width<=560px){.po-hero--overview .open-labels{display:none}.po-hero--overview .open-system-flow{flex-direction:column;align-items:center;gap:30px;min-height:0;display:flex}.po-hero--overview .hero-connectors{display:block;overflow:visible}.po-hero--overview .open-procurement,.po-hero--overview .open-commerce{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;display:grid}.po-hero--overview .open-procurement:before{content:"BUYER PROCUREMENT";color:#67787a;letter-spacing:.07em;text-align:center;grid-column:1/-1;margin:0 0 5px;font-size:9px;font-weight:800;line-height:1.5}.po-hero--overview .open-commerce:after{content:"YOUR COMMERCE";color:#67787a;letter-spacing:.07em;text-align:center;grid-column:1/-1;margin-top:5px;font-size:9px;font-weight:800;line-height:1.5}.po-hero--overview .open-system-flow .open-system{border-radius:12px;width:100%;max-width:none;height:58px;margin:0;padding:8px 7px}.po-hero--overview .open-system-flow .open-system img{width:100%;max-width:120px;height:100%}.po-hero--overview .open-hub{flex:none;width:158px;height:158px;padding:18px 12px;box-shadow:0 0 0 8px #6fe9d521,0 12px 26px #1b554a12}.po-hero--overview .open-hub-small{letter-spacing:.06em;font-size:7px;line-height:1.4}.po-hero--overview .open-brand-logo{width:108px;height:53px;margin:3px auto 0}.po-hero--overview .open-hub-desc{display:none}.po-hero--overview .open-connected{margin-top:7px;padding:5px 9px;font-size:8px;line-height:1.4}.po-hero--overview .open-connected i{width:5px;height:5px}.po-hero--overview .open-legend{margin-top:18px;padding-top:14px;font-size:10px}}@media (width<=360px){.po-hero--overview .po-hero__acts .btn{width:100%}.po-hero--overview .wrap{width:calc(100% - 28px)}}@media (prefers-reduced-motion:reduce){.po-hero--overview .hero-connectors path{animation:none}.po-hero--overview .open-system:hover{transform:none}}