.platform-page:has(.ps-explain) .pf-hero{padding-block:26px;min-height:0}
body:has(.site-header25) main.platform-page:has(.ps-explain) .pf-hero{min-height:240px!important;background-image:linear-gradient(90deg,rgba(244,250,250,.99) 0%,rgba(244,250,250,.97) 36%,rgba(244,250,250,.78) 55%,rgba(244,250,250,.05) 100%),url('/sas-portal/assets/media/main-heroes/platform.jpg');background-size:cover;background-position:center;border-bottom:1px solid #cbdfe5}
@media(max-width:760px){body:has(.site-header25) main.platform-page:has(.ps-explain) .pf-hero{min-height:210px!important;background-position:68% center;background-image:linear-gradient(90deg,rgba(244,250,250,.97),rgba(244,250,250,.83)),url('/sas-portal/assets/media/main-heroes/platform.jpg')}}
.platform-page .ps-explain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center;padding-block:38px}
.platform-page .ps-explain h2,.platform-page .ps-start h2{font-size:26px;line-height:1.35;margin:0 0 16px}
.platform-page .ps-explain p,.platform-page .ps-start p,.platform-page .ps-detail-body{font-size:15px;line-height:1.8}
.platform-page .ps-explain p{margin:0 0 16px}.platform-page .ps-position{border-left:2px solid #2a8287;padding-left:16px;margin-bottom:0}
.platform-page .ps-explain p{margin:0 0 20px!important;max-width:60ch}
.platform-page .ps-explain .ps-toolbox-copy{font-size:14px;color:#526d7d;margin-bottom:0!important}
.ps-how-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:18px}
.ps-how-steps li{display:grid;gap:3px}
.ps-how-steps strong{font-size:15px;line-height:1.5}.ps-how-steps span{font-size:14px;line-height:1.75}
.platform-page .ps-how-close{font-size:14px;max-width:75ch}
.ps-explain .px-cycle{max-width:370px;margin:10px auto}.ps-explain .px-cycle-step{width:116px}.ps-explain .px-cycle-step strong{font-size:13px}
.ps-start-band{background:#f1f7f8;border-block:1px solid #d1e1e7}
.platform-page .ps-start{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding-block:30px}.ps-start p{max-width:780px;margin:0 0 12px}.ps-start p:last-child{margin:0}.ps-start-links{display:grid;gap:18px;justify-items:start}
.platform-page .ps-more{display:block;padding-block:24px 36px}.ps-more details{border-bottom:1px solid #d1e1e7;scroll-margin-top:140px}.ps-more summary{position:relative;list-style:none;cursor:pointer;padding:18px 30px 18px 0;font-size:15px;font-weight:600}.ps-more summary::-webkit-details-marker{display:none}.ps-more summary:after{content:'+';position:absolute;right:4px;top:16px;font-size:22px;font-weight:400;color:#267c87}.ps-more details[open]>summary:after{content:'−'}.ps-more summary:focus-visible{outline:2px solid #267c87;outline-offset:3px}.ps-detail-body{max-width:900px;padding:0 0 20px}.ps-detail-body p{margin:0 0 14px}.ps-detail-body ul{padding-left:22px}.ps-detail-body nav{display:flex;flex-wrap:wrap;gap:18px 28px}.ps-availability{font-size:13px;border-left:2px solid #d2702e;padding-left:14px}
#platform-basics,#ipaas-en-iam,#inrichten{scroll-margin-top:140px}
@media(max-width:850px){.platform-page .ps-explain{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:28px}.ps-explain .px-cycle{max-width:340px}.platform-page .ps-start{grid-template-columns:minmax(0,1fr);gap:16px}.ps-start-links{display:flex;flex-wrap:wrap;gap:16px 26px}}
@media(max-width:480px){.platform-page .ps-explain h2,.platform-page .ps-start h2{font-size:23px}.ps-explain .px-cycle-step{width:104px}.ps-explain .px-cycle-step strong{font-size:12px}.ps-explain .px-cycle{max-width:330px}.ps-more summary{font-size:14px}}
.ps-explain .ps-cycle{max-width:420px;isolation:isolate}
.ps-cycle:before{inset:16%;border:1px solid #bbd4da}
.ps-cycle .px-cycle-center{inset:34%;width:auto;aspect-ratio:1;gap:6px;border:1px solid #cfdee4;border-radius:50%;background:#f5fafb;box-shadow:0 5px 18px #193f5410}
.ps-cycle .px-cycle-center>svg{width:24px;height:24px;color:#267780}
.ps-cycle .px-cycle-center strong{font-size:16px;line-height:1.3;max-width:95px}
.ps-cycle .px-cycle-center>span{font-size:10px;line-height:1.5;max-width:90px}
.ps-explain .ps-cycle .px-cycle-step{width:124px;min-height:80px;padding:8px 3px;gap:7px;background:#fff}
.ps-cycle .px-cycle-step-1{left:50%;top:13%;--step-color:#286fa8;--step-bg:#edf5fc}
.ps-cycle .px-cycle-step-2{left:83%;top:39%;--step-color:#a76320;--step-bg:#fff3e5}
.ps-cycle .px-cycle-step-3{left:71%;top:80%;--step-color:#287c5c;--step-bg:#eaf5ee}
.ps-cycle .px-cycle-step-4{left:29%;top:80%;--step-color:#476c9d;--step-bg:#edf1fa}
.ps-cycle .px-cycle-step-5{left:17%;top:39%;--step-color:#247d87;--step-bg:#eaf6f6}
.ps-explain .ps-cycle .px-cycle-step>.ps-cycle-icon{width:40px;height:40px;border-radius:50%;background:var(--step-bg);color:var(--step-color);border:1px solid color-mix(in srgb,var(--step-color) 18%,transparent)}
.ps-cycle .ps-cycle-icon svg{width:20px;height:20px}
.ps-explain .ps-cycle .px-cycle-step strong{font-size:13px;line-height:1.45;max-width:120px;color:#244b65;font-weight:600}
.ps-cycle-arrow{position:absolute;display:grid;place-items:center;width:25px;height:25px;background:#fff;color:#699ba3;transform:translate(-50%,-50%) rotate(var(--turn))}
.ps-cycle-arrow svg{width:17px;height:17px}
.ps-cycle-arrow-1{left:74%;top:23%;--turn:42deg}.ps-cycle-arrow-2{left:80%;top:65%;--turn:112deg}.ps-cycle-arrow-3{left:50%;top:84%;--turn:180deg}.ps-cycle-arrow-4{left:20%;top:65%;--turn:248deg}.ps-cycle-arrow-5{left:26%;top:23%;--turn:318deg}
@media(max-width:480px){.ps-explain .ps-cycle .px-cycle-step{width:105px;min-height:76px}.ps-explain .ps-cycle .px-cycle-step strong{font-size:11px;max-width:102px}.ps-explain .ps-cycle .px-cycle-step>.ps-cycle-icon{width:34px;height:34px}.ps-cycle .px-cycle-center strong{font-size:13px;max-width:70px}.ps-cycle .px-cycle-center>span{font-size:9px;max-width:70px}.ps-cycle .px-cycle-center>svg{width:19px;height:19px}.ps-cycle-arrow svg{width:15px;height:15px}}