.nivels-process-premium{
    --nivels-red:#e30613;
    background:#050506;
    color:#fff;
    padding:min(var(--nivels-pt),84px) 20px min(var(--nivels-pb),84px);
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.nivels-process-premium:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,rgba(227,6,19,.09),transparent 28%);
    pointer-events:none;
    z-index:-1;
}
.nivels-process-wrap{max-width:var(--nivels-max);margin:0 auto}
.nivels-process-grid{
    display:grid;
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
    gap:clamp(34px,5vw,78px);
    align-items:start;
}
.nivels-process-left{position:sticky;top:32px}
.nivels-process-eyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 14px;
    color:#fff;
    font:800 11px/1.2 Inter,Arial,sans-serif;
    letter-spacing:.2em;
    text-transform:uppercase;
}
.nivels-process-eyebrow:before{content:"";width:34px;height:3px;background:var(--nivels-red);flex:0 0 auto}
.nivels-process-title{
    margin:0 0 20px;
    color:#fff;
    font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;
    font-size:clamp(32px,var(--nivels-title-size,64px),100px);
    font-weight:800;
    line-height:.89;
    letter-spacing:-.045em;
    text-transform:uppercase;
}
.nivels-process-title em{display:inline-block;color:var(--nivels-red);font-style:normal}
.nivels-process-desc{
    max-width:520px;
    margin:0 0 22px;
    color:rgba(255,255,255,.72);
    font:400 16px/1.65 Inter,Arial,sans-serif;
}
.nivels-process-note{
    max-width:520px;
    margin:0;
    padding:14px 17px;
    color:#fff;
    background:var(--nivels-red);
    border:0;
    font:600 14px/1.55 Inter,Arial,sans-serif;
}
.nivels-process-list{display:grid;gap:10px;border:0}
.nivels-process-step{
    display:grid;
    grid-template-columns:68px minmax(0,1fr);
    gap:20px;
    align-items:start;
    padding:22px 24px;
    border:0;
    background:#111113;
    position:relative;
    overflow:hidden;
    transition:transform .25s ease,background .25s ease;
}
.nivels-process-step:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:var(--nivels-red);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:transform .25s ease;
}
.nivels-process-step:hover{transform:translateX(7px);background:#171719}
.nivels-process-step:hover:after{transform:scaleY(1)}
.nivels-process-number{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    background:var(--nivels-red);
    color:#fff;
    -webkit-text-stroke:0;
    font:800 20px/1 Inter,Arial,sans-serif;
    letter-spacing:.02em;
}
.nivels-process-step:hover .nivels-process-number{color:#fff;-webkit-text-stroke:0;background:var(--nivels-red)}
.nivels-process-step-title{
    margin:1px 0 7px;
    color:#fff;
    font:800 clamp(23px,2vw,31px)/1.04 "Arial Narrow",Impact,Haettenschweiler,sans-serif;
    letter-spacing:-.025em;
    text-transform:uppercase;
}
.nivels-process-step-text{
    max-width:680px;
    margin:0;
    color:rgba(255,255,255,.66);
    font:400 15px/1.62 Inter,Arial,sans-serif;
}
@media(max-width:900px){
    .nivels-process-premium{padding:min(var(--nivels-pt),68px) 20px min(var(--nivels-pb),68px)}
    .nivels-process-grid{grid-template-columns:1fr;gap:34px}
    .nivels-process-left{position:static}
    .nivels-process-title{font-size:clamp(32px,var(--nivels-title-size,64px),100px)}
}
@media(max-width:560px){
    .nivels-process-premium{padding:52px 16px}
    .nivels-process-step{grid-template-columns:50px minmax(0,1fr);gap:14px;padding:18px 16px}
    .nivels-process-number{width:46px;height:46px;font-size:16px}
    .nivels-process-title{font-size:var(--nivels-title-mobile-size,42px)}
    .nivels-process-desc{font-size:15px}
    .nivels-process-note{font-size:13px}
    .nivels-process-step-title{font-size:23px}
    .nivels-process-step-text{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.nivels-process-step,.nivels-process-step:after{transition:none}}