/* UKP Nexus v12.13.17 — route-scoped onboarding explanation.
 * Large editorial sections and separator rows, not additional small cards.
 * Existing animations, menu, supplier qualification and corporate theme retained.
 */
.onb-application-page .onb-hero{min-height:0}
.onb-application-page .onb-hero__lead{max-width:830px;font-size:clamp(1.15rem,1.8vw,1.5rem)}
.onb-application-page .onb-explain{position:relative;scroll-margin-top:calc(var(--header-h,84px) + 18px)}
.onb-application-page .onb-explain__intro{max-width:1000px;margin:0 0 clamp(38px,5.5vw,78px)}
.onb-application-page .onb-explain h2{font-size:clamp(2.3rem,4.4vw,4.6rem);font-weight:760;line-height:1.07;letter-spacing:-.048em;max-width:1000px}
.onb-application-page .onb-explain__intro>p:last-child,.onb-application-page .onb-explain__who-heading>p:not(.onb-eyebrow){color:#d4e4f0;line-height:1.64;font-size:clamp(1.09rem,1.6vw,1.34rem);max-width:850px;margin:24px 0 0}
.onb-application-page .onb-explain--why{background:linear-gradient(180deg,#0b1a27 0%,#081420 100%);border-bottom:1px solid rgba(125,205,231,.14)}
.onb-application-page .onb-explain__rows{border-top:1px solid rgba(146,214,238,.27)}
.onb-application-page .onb-explain__row{display:grid;grid-template-columns:minmax(60px,.17fr) minmax(0,1fr);gap:clamp(20px,4vw,62px);align-items:start;border-bottom:1px solid rgba(146,214,238,.23);padding:clamp(23px,3.3vw,43px) 0}
.onb-application-page .onb-explain__row-number{font-size:clamp(1.3rem,2.15vw,1.9rem);letter-spacing:-.03em;color:#79d9f0}
.onb-application-page .onb-explain__row h3{font-size:clamp(1.45rem,2.1vw,2.1rem);line-height:1.18;font-weight:760;margin:0 0 10px}
.onb-application-page .onb-explain__row p{font-size:clamp(1.03rem,1.33vw,1.23rem);color:#c4d7e6;line-height:1.62;max-width:800px;margin:0}
.onb-application-page .onb-explain--who{background:radial-gradient(ellipse at 95% 10%,rgba(27,134,168,.17),transparent 56%),#08121e;border-bottom:1px solid rgba(125,205,231,.14)}
.onb-application-page .onb-explain__who-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(35px,7vw,110px)}
.onb-application-page .onb-explain__who-heading .ukp-btn{margin-top:28px}
.onb-application-page .onb-explain__audiences{border-top:1px solid rgba(146,214,238,.27)}
.onb-application-page .onb-explain__audiences>div{padding:clamp(21px,2.5vw,36px) 0;border-bottom:1px solid rgba(146,214,238,.23)}
.onb-application-page .onb-explain__audiences h3{font-size:clamp(1.2rem,1.55vw,1.65rem);line-height:1.26;font-weight:750;margin:0 0 8px}
.onb-application-page .onb-explain__audiences p{font-size:clamp(1.02rem,1.19vw,1.14rem);color:#c1d5e4;margin:0;line-height:1.6}
.onb-application-page .onb-explain--process{overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(147,215,244,.2);background:radial-gradient(ellipse at 6% 0%,rgba(23,148,167,.2),transparent 52%),radial-gradient(ellipse at 90% 100%,rgba(76,81,189,.2),transparent 58%),linear-gradient(130deg,#0c2836,#112035 62%,#171c33)}
.onb-application-page .onb-explain--process::before{position:absolute;z-index:-1;content:"";pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(168,240,251,.035) 48%,transparent 66%)}
.onb-application-page .onb-explain__steps{list-style:none;counter-reset:none;margin:0;padding:0;border-top:1px solid rgba(166,221,241,.32);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,100px)}
.onb-application-page .onb-explain__steps li{min-width:0;display:flex;gap:22px;padding:clamp(26px,3.2vw,42px) 0;border-bottom:1px solid rgba(166,221,241,.26)}
.onb-application-page .onb-explain__steps li>span{flex:none;color:#88e5e9;font-weight:850;font-size:clamp(1.15rem,1.8vw,1.65rem)}
.onb-application-page .onb-explain__steps h3{font-size:clamp(1.26rem,1.75vw,1.86rem);line-height:1.21;margin:0 0 10px}
.onb-application-page .onb-explain__steps p{font-size:clamp(1.01rem,1.21vw,1.15rem);line-height:1.62;color:#c9dce9;margin:0}
.onb-application-page .onb-explain__process-end{display:flex;align-items:center;justify-content:space-between;gap:clamp(25px,5vw,70px);padding:clamp(30px,3.6vw,50px) 0 0}
.onb-application-page .onb-explain__process-end p{color:#d0e0eb;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.6;max-width:770px;margin:0}
.onb-application-page .onb-explain__process-end .ukp-btn{flex:none}
@media(max-width:900px){
 .onb-application-page .onb-explain__who-grid{grid-template-columns:1fr}
 .onb-application-page .onb-explain__steps{grid-template-columns:1fr}
 .onb-application-page .onb-explain__process-end{flex-direction:column;align-items:start}
}
@media(max-width:600px){
 .onb-application-page .onb-explain__row{grid-template-columns:44px minmax(0,1fr);gap:13px}
 .onb-application-page .onb-explain__steps li{gap:14px}
 .onb-application-page .onb-explain__who-heading .ukp-btn,.onb-application-page .onb-explain__process-end .ukp-btn{max-width:100%;white-space:normal;line-height:1.35}
}