.ej-section{position:relative;height:420vh;background:#0b1928;color:#f4f7fa;isolation:isolate}
.ej-sticky{position:sticky;top:88px;height:calc(100svh - 88px);min-height:560px;overflow:hidden;background:#0b1928}
.ej-layout{width:min(1240px,calc(100% - 80px));height:100%;margin:auto;display:grid;grid-template-columns:40% minmax(0,1fr);align-items:center;gap:36px;padding:55px 0}
.ej-copy{position:relative;z-index:2;padding-right:20px}.ej-kicker{font-size:.6rem;letter-spacing:.15em;font-weight:500;color:#8daec4}
.ej-step-label{display:flex;gap:12px;align-items:center;margin:35px 0 20px;color:#6f8aa1;font-size:.7rem;font-weight:400;letter-spacing:.12em}#ej-number{font-size:1.15rem;color:#b4d6ed}
.ej-headings{height:260px;position:relative}.ej-caption{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.ej-caption-active{opacity:1;visibility:visible;pointer-events:auto;animation:chapter-enter .5s ease both}
.ej-caption h2{font-size:clamp(2.1rem,3.5vw,3.5rem);font-weight:450;line-height:1.2;letter-spacing:-.04em;max-width:490px;margin:0 0 25px;text-wrap:balance}.ej-caption p{font-size:.88rem;color:#a5b7c7;line-height:1.95;max-width:410px}
.ej-cta{display:inline-flex;align-items:center;color:#d2e3ef;border-bottom:1px solid #68889e;padding:10px 0;font-size:.77rem;font-weight:500}.ej-cta:hover{color:#fff;border-color:#b8d6e9}
.ej-dots{display:flex;gap:9px;margin-top:30px}.ej-dots i{display:block;width:24px;height:2px;background:#31485c;transition:background .3s}.ej-dots i.on{background:#8ab8d7}
.ej-visual{position:relative;height:min(66vh,650px);min-height:420px;background:#081421;border:1px solid #9ab9cd18;border-radius:12px;overflow:hidden}.ej-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .6s ease;object-position:center}.ej-image.is-active{opacity:1;visibility:visible}.ej-image-server-rack,.ej-image-firewall{object-fit:contain;padding:22px}.ej-image-kiel-night{object-position:65% center}
.ej-progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#253d52}.ej-progress-fill{height:100%;background:#81abc7;transform:scaleX(0);transform-origin:left}.ej-mobile{display:none}
@keyframes chapter-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:900px) and (max-height:720px){.ej-sticky{min-height:480px}.ej-layout{padding-block:28px}.ej-headings{height:235px}.ej-step-label{margin-top:20px}.ej-dots{margin-top:20px}.ej-visual{min-height:340px}}
@media(max-width:1100px){.ej-layout{width:calc(100% - 56px);gap:24px;grid-template-columns:42% minmax(0,1fr)}.ej-caption h2{font-size:2.7rem}.ej-headings{height:285px}}
@media(max-width:899px),(prefers-reduced-motion:reduce){.ej-section{height:auto}.ej-sticky{display:none}.ej-mobile{display:block;padding:60px 20px}.ej-mobile-head{font-size:.62rem;letter-spacing:.15em;font-weight:500;color:#8daec4;margin-bottom:28px}.ej-mobile-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ej-mobile article{overflow:hidden;background:#102336;border:1px solid #9ab9cd18;border-radius:10px}.ej-mobile article>img{width:100%;height:240px;object-fit:cover;display:block;background:#081421}.ej-mobile article:nth-child(3)>img,.ej-mobile article:nth-child(4)>img{object-fit:contain;padding:18px}.ej-mobile-copy{padding:24px}.ej-mobile-copy>span{font-size:.65rem;color:#86a7be;letter-spacing:.12em}.ej-mobile h2{font-size:1.65rem;font-weight:450;line-height:1.25;margin:16px 0}.ej-mobile p{font-size:.81rem;color:#a8baca;line-height:1.9;margin-bottom:0}.ej-mobile>.ej-cta{margin-top:28px}}
@media(max-width:600px){.ej-mobile-steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:20px}.ej-mobile article{flex:0 0 88%;scroll-snap-align:start}.ej-mobile article>img{height:220px}.ej-mobile-copy{padding:24px}.ej-mobile h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.ej-caption-active{animation:none}.ej-image,.ej-dots i{transition:none}}