.process{background:var(--ink);color:#fff;border-radius:30px;padding:60px clamp(24px,4vw,56px);overflow:hidden;position:relative}
.process::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:radial-gradient(closest-side,rgba(90,176,255,.25),transparent)}
.process .eyebrow{color:var(--sky)}
.process .eyebrow::before{background:var(--sky)}
.process h2{color:#fff;margin:14px 0 8px}
.process .lead{color:#a9c2e0;max-width:50ch}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:46px}
.step{position:relative;padding-top:26px}
.step::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--sky),transparent)}
.step .n{font-family:var(--display);font-weight:700;font-size:2.1rem;color:var(--sky);line-height:1}
.step h3{color:#fff;font-size:1.05rem;margin:12px 0 8px}
.step p{color:#a9c2e0;font-size:.9rem}

@media (max-width:980px){ .steps{grid-template-columns:repeat(2,1fr);gap:30px 26px} }
@media (max-width:760px){ .process{border-radius:22px} .steps{margin-top:34px} }
@media (max-width:460px){ .steps{grid-template-columns:1fr} }