.platform-page section.px-intro{display:block!important}.platform-page .px-use,.platform-page--features .pf-feature-group{display:grid!important}.px-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}.platform-page .px-opening h2,.platform-page .px-use h2{font-size:28px;line-height:1.3;margin:8px 0 14px}.platform-page .px-opening>p,.platform-page .px-use p{font-size:14px;line-height:1.8;margin:0}.px-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}.px-stage{--px-color:#2581a7;border-top:2px solid var(--px-color);padding-top:18px;min-width:0}.px-orange{--px-color:#d2702e}.px-green{--px-color:#23816a}.px-stage>span{display:block;margin-bottom:12px;color:var(--px-color)}.px-stage svg,.px-use-steps svg{width:24px;height:24px}.platform-page .px-stage h3,.platform-page .px-use-steps h3{font-size:18px;line-height:1.4;margin:0 0 9px}.platform-page .px-stage p{font-size:13px;line-height:1.8;margin:0}.platform-page .px-example{border-top:1px solid #d1e1e7;padding-top:20px;margin:26px 0 0;font-size:13px;line-height:1.8}.px-example strong{font-weight:600}.px-use-band{background:#f2f7f9;border-block:1px solid #d1e1e7}.px-use{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:start}.px-use .pf-link{font-size:13px;margin-top:20px;display:inline-flex;gap:8px}.px-use-steps{list-style:none;padding:0;margin:0;display:grid;gap:24px}.px-use-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px}.px-use-steps li>span{color:#29817b;margin-top:3px}.platform-page .px-use-steps p{font-size:13px;line-height:1.7}.px-feature-detail{padding:0 0 24px 78px}.px-feature-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.px-feature-detail h3{font-size:14px!important;margin:0 0 9px}.px-feature-detail p,.px-feature-detail li{font-size:13px;line-height:1.8}.px-feature-detail ul{margin:0;padding-left:18px}.px-feature-detail li+li{margin-top:8px}.px-feature-detail strong{font-weight:600}.px-feature-example{border-top:1px solid #d8e5eb;padding-top:18px;margin-top:20px}.px-feature-detail .pf-link{font-size:12px;margin-top:15px}.px-feature-details{border-bottom:1px solid #d4e1e8}.px-feature-details>.pf-feature-row{cursor:pointer;list-style:none;border-bottom:0}.px-feature-details>.pf-feature-row::-webkit-details-marker{display:none}.px-feature-details[open]>.pf-feature-row{padding-bottom:20px}.px-feature-toggle{font-size:24px;font-weight:400;line-height:1;color:#267c87}.px-feature-toggle:before{content:'+'}.px-feature-details[open] .px-feature-toggle:before{content:'−'}.px-feature-details>summary:focus-visible{outline:2px solid #267c87;outline-offset:3px}.px-feature-state{display:inline-block;font-size:11px;color:#a65c24}.px-availability{border-left:2px solid #d2702e;padding-left:12px;margin:0 0 20px;font-size:13px;line-height:1.7}.px-feature-details[open] .pf-feature-copy strong{text-decoration:none}.px-feature-details .pf-feature-copy strong{overflow-wrap:anywhere}
@media(max-width:850px){.px-opening,.px-use{grid-template-columns:minmax(0,1fr);gap:20px}.px-chain{gap:20px}.px-feature-columns{gap:20px}}@media(max-width:600px){.px-chain,.px-feature-columns{grid-template-columns:minmax(0,1fr)}.px-stage{display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 14px}.px-stage>span{grid-row:1/3}.px-stage p{grid-column:2}.platform-page .px-opening h2,.platform-page .px-use h2{font-size:24px}.px-feature-detail{padding-left:0}.px-feature-details .pf-feature-copy strong{font-size:15px}}
.platform-page #platform-basics,.px-feature-details,#ipaas-en-iam,#historie{scroll-margin-top:125px}
.platform-page section.px-plain,.platform-page section.px-history{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.platform-page .px-plain h2,.platform-page .px-position h2,.platform-page .px-history h2{font-size:28px;line-height:1.3;margin:8px 0 18px}
.platform-page .px-plain p,.platform-page .px-history p,.platform-page .px-position p{font-size:14px;line-height:1.8}
.px-practical{border-left:2px solid #2a8287;padding-left:28px}
.px-practical ol{list-style:none;counter-reset:practical;padding:0;margin:20px 0 0;display:grid;gap:20px}
.px-practical li{counter-increment:practical;display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 12px;min-width:0}
.px-practical li:before{content:counter(practical);grid-row:1/3;color:#25757d;font-size:14px;font-weight:600}
.px-practical strong{font-size:16px;line-height:1.5}.px-practical li>span{grid-column:2;font-size:14px;line-height:1.7}
.px-position-band{background:#f1f7f8;border-block:1px solid #d1e1e7}
.platform-page .px-position-lead{max-width:850px}
.px-position-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.px-position-columns>div{border-top:2px solid #2581a7;padding-top:20px;min-width:0}.px-position-columns>div:nth-child(2){border-color:#23816a}.px-position-columns>div:nth-child(3){border-color:#d2702e}
.px-position-icon{display:block;color:#2581a7;margin-bottom:14px}.px-position-icon svg{width:26px;height:26px}.px-position-columns>div:nth-child(2) .px-position-icon{color:#23816a}.px-position-columns>div:nth-child(3) .px-position-icon{color:#b65e23}
.platform-page .px-position h3{font-size:20px;line-height:1.4;margin:0 0 12px}
.platform-page .px-position-note{border-top:1px solid #d1e1e7;padding-top:18px;margin-top:24px;font-size:13px}
.px-history{border-top:1px solid #d1e1e7}.px-history .pf-link{margin-top:12px}
@media(max-width:850px){.platform-page section.px-plain,.platform-page section.px-history{grid-template-columns:minmax(0,1fr);gap:24px}.px-position-columns{gap:22px}.platform-page .px-position h3{font-size:18px}}
@media(max-width:600px){.px-position-columns{grid-template-columns:minmax(0,1fr);gap:18px}.px-practical{padding-left:16px}.platform-page .px-plain h2,.platform-page .px-position h2,.platform-page .px-history h2{font-size:24px}.px-position-columns>div{padding-top:16px}.px-position-icon{margin-bottom:10px}}
.platform-page .px-stage .px-checks{grid-column:2;margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.8}
.platform-page .px-checks li+li{margin-top:4px}
.px-cycle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;align-items:center;margin-top:36px}
.px-cycle{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:20px auto}
.px-cycle:before{content:'';position:absolute;inset:14%;border:2px solid #74a8ae;border-radius:50%}
.px-cycle ol{list-style:none;margin:0;padding:0}
.px-cycle-center{position:absolute;inset:36% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#226f77}
.px-cycle-center svg{width:28px;height:28px}.px-cycle-center strong{font-size:18px}.px-cycle-center>span{font-size:12px;color:#506b7b}
.px-cycle-step{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:130px;min-height:86px;padding:8px;background:#fff;transform:translate(-50%,-50%);text-align:center}
.px-cycle-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4f1f0;color:#226f77;font-size:12px;font-weight:600}
.px-cycle-step strong{font-size:14px;line-height:1.45;font-weight:600}.px-cycle-step i{position:absolute;display:block;color:#327e89;right:3px;bottom:3px}.px-cycle-step i svg{width:18px;height:18px}
.px-cycle-step-1{left:50%;top:12%}.px-cycle-step-2{left:85%;top:39%}.px-cycle-step-3{left:73%;top:81%}.px-cycle-step-4{left:27%;top:81%}.px-cycle-step-5{left:15%;top:39%}
.px-cycle-step-1 i{transform:rotate(45deg)}.px-cycle-step-2 i{transform:rotate(110deg)}.px-cycle-step-3 i{transform:rotate(180deg)}.px-cycle-step-4 i{transform:rotate(250deg)}.px-cycle-step-5 i{transform:rotate(315deg)}
.px-cycle-step i{right:0;top:3px;bottom:auto;width:18px;height:18px}
.platform-page .px-cycle-copy h3,.platform-page .px-matrix-example h3{font-size:21px;line-height:1.4;margin:0 0 14px}
.platform-page .px-cycle-copy p,.platform-page .px-cycle-copy li,.platform-page .px-matrix-example p{font-size:14px;line-height:1.8}
.px-cycle-copy ul{padding-left:20px;margin:16px 0}.px-cycle-copy li+li{margin-top:8px}
.px-matrix-example{border-top:1px solid #d1e1e7;margin-top:30px;padding-top:28px}.px-matrix-scroll{overflow-x:auto;margin:20px 0}
.px-matrix-example table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.7}
.px-matrix-example caption{text-align:left;color:#506b7b;font-size:12px;padding-bottom:10px}
.px-matrix-example :is(th,td){padding:14px 16px;border-bottom:1px solid #d1e1e7;vertical-align:top}.px-matrix-example thead{background:#edf5f6}.px-matrix-example th{font-weight:600}
@media(max-width:850px){.px-cycle-layout{grid-template-columns:minmax(0,1fr);gap:20px}.px-cycle{max-width:420px}}
@media(max-width:480px){.px-cycle-step{width:106px;min-height:80px;padding:5px}.px-cycle-step strong{font-size:12px}.px-cycle-center strong{font-size:16px}.px-cycle-center>span{font-size:11px}.px-cycle-step i{right:0;bottom:0}.px-cycle-step-2{left:83%}.px-cycle-step-5{left:17%}.px-matrix-example :is(th,td){padding:10px 8px;overflow-wrap:anywhere}.px-matrix-example table{font-size:12px}.px-cycle-layout{margin-top:24px}}