/* Al Raya Core — Process steps */
.ar-process{--ar-process-acc:var(--ar-red,#E63D49);--ar-process-dot:#F4F0E9;position:relative;color:inherit}
.ar-process--panel{--ar-process-dot:#082B3E;padding:clamp(28px,3.8vw,54px) clamp(22px,3.9vw,56px) clamp(32px,4.2vw,60px);border-radius:clamp(22px,2.4vw,34px);background:linear-gradient(140deg,#0F4764 0%,#082B3E 60%,#051B28 100%);color:#fff;overflow:hidden}
.ar-dark .ar-process:not(.ar-process--panel){--ar-process-dot:#041621}
.ar-process__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px}
.ar-process__title{margin:0;font-family:var(--ar-font,inherit);font-size:clamp(30px,3.2vw,46px);font-stretch:108%;font-weight:800;letter-spacing:-.04em;line-height:1;color:inherit}
.ar-process__tagline{margin:0;font-family:var(--ar-mono,monospace);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,currentColor 62%,transparent)}
.ar-process__steps{position:relative;display:grid;grid-template-columns:repeat(var(--ar-process-n,5),minmax(0,1fr));list-style:none;margin:clamp(36px,3.9vw,56px) 0 0;padding:0}
.ar-process__steps::before{content:"";position:absolute;inset-inline:0;top:13px;height:1.5px;background:linear-gradient(90deg,var(--ar-process-acc) 0%,color-mix(in srgb,currentColor 30%,transparent) 100%)}
[dir=rtl] .ar-process__steps::before{background:linear-gradient(270deg,var(--ar-process-acc) 0%,color-mix(in srgb,currentColor 30%,transparent) 100%)}
.ar-process__step{position:relative;padding-inline-end:28px}
.ar-process__dot{position:relative;z-index:1;display:block;width:28px;height:28px;border-radius:50%;background:var(--ar-process-dot);border:1.5px solid color-mix(in srgb,currentColor 50%,transparent)}
.ar-process__step:first-child .ar-process__dot{background:var(--ar-process-acc);border-color:var(--ar-process-acc);box-shadow:0 0 0 7px color-mix(in srgb,var(--ar-process-acc) 25%,transparent)}
.ar-process__step small{display:block;margin-top:26px;font-family:var(--ar-mono,monospace);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ar-red-soft,#FF6B75)}
.ar-light .ar-process:not(.ar-process--panel) .ar-process__step small{color:var(--ar-red-text,#C22E3D)}
.ar-process__step b{display:block;margin-top:8px;font-stretch:108%;font-size:clamp(22px,1.95vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.ar-process__step p{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:color-mix(in srgb,currentColor 74%,transparent)}

@media (max-width:900px){
  .ar-process__steps{grid-template-columns:minmax(0,1fr);row-gap:30px}
  .ar-process__steps::before{inset-inline:13px auto;top:6px;bottom:6px;width:1.5px;height:auto;background:linear-gradient(180deg,var(--ar-process-acc) 0%,color-mix(in srgb,currentColor 30%,transparent) 100%)}
  .ar-process__step{padding-inline:52px 0}
  .ar-process__dot{position:absolute;inset-inline-start:0;top:0}
  .ar-process__step small{margin-top:0;padding-top:5px}
}