/* Approved numbered-process direction, scoped to the partnership workflow. */
.uprango-partnership-workflow { padding-block:58px; background-color:#f8faff; background-image:linear-gradient(rgba(0,27,130,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,27,130,.025) 1px,transparent 1px); background-size:48px 48px; }
.uprango-partnership-workflow__intro { max-width:1080px; margin-bottom:64px; }
.uprango-partnership-workflow__intro h2 { margin:0 0 20px; color:var(--color-ink); }
.uprango-partnership-workflow__intro .body-copy { margin:0; color:var(--color-body); }
.uprango-partnership-workflow__steps { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:0; padding:0; }
.uprango-partnership-workflow__steps::before { content:""; position:absolute; top:0; left:28px; right:28px; border-top:2px dashed #adb9da; }
.uprango-partnership-workflow__step { --step-accent:#0f766e; position:relative; min-width:0; padding:48px 22px 30px; border:1px solid var(--color-border); border-top:3px solid var(--step-accent); border-radius:12px; background:#fff; box-shadow:0 8px 26px rgba(0,27,130,.06); }
.uprango-partnership-workflow__step:nth-child(2) { --step-accent:#001b82; }
.uprango-partnership-workflow__step:nth-child(3) { --step-accent:#e8007d; }
.uprango-partnership-workflow__step:nth-child(4) { --step-accent:#fbbf24; }
.uprango-partnership-workflow__number { position:absolute; top:-29px; left:22px; display:grid; place-items:center; width:56px; height:56px; border-radius:10px; background:var(--step-accent); color:#fff; font:800 1.05rem/1 var(--font-heading); box-shadow:0 8px 18px rgba(0,27,130,.12); }
.uprango-partnership-workflow__step:nth-child(4) .uprango-partnership-workflow__number { color:#001b82; }
.uprango-partnership-workflow__step h3 { margin:0 0 16px; color:var(--color-ink); }
.uprango-partnership-workflow__step p { margin:0; color:var(--color-body); }
.uprango-partnership-workflow__modes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.uprango-partnership-workflow__mode { display:flex; align-items:flex-start; gap:18px; padding:24px; border:1px solid #cce4e1; border-radius:12px; background:#edf8f6; }
.uprango-partnership-workflow__mode:nth-child(2) { border-color:#cae9f1; background:#eefaff; }
.uprango-partnership-workflow__mode > div { min-width:0; }
.uprango-partnership-workflow__icon { display:grid; place-items:center; flex:0 0 44px; height:44px; border-radius:10px; color:#0f766e; background:#d8eeea; }
.uprango-partnership-workflow__mode:nth-child(2) .uprango-partnership-workflow__icon { color:#087b8a; background:#d5f5fb; }
.uprango-partnership-workflow__icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.uprango-partnership-workflow__mode h3 { margin:0 0 12px; color:var(--color-ink); }
.uprango-partnership-workflow__mode p { margin:0; color:var(--color-body); }
@media(max-width:1100px) { .uprango-partnership-workflow__steps { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:56px; }.uprango-partnership-workflow__steps::before { display:none; } }
@media(max-width:980px) { .uprango-partnership-workflow { padding-block:48px; }.uprango-partnership-workflow__mode { padding:22px; gap:14px; } }
@media(max-width:640px) { .uprango-partnership-workflow { padding-block:34px; }.uprango-partnership-workflow__intro { margin-bottom:58px; }.uprango-partnership-workflow__steps { grid-template-columns:1fr; gap:48px; }.uprango-partnership-workflow__step { padding:44px 20px 30px; }.uprango-partnership-workflow__modes { grid-template-columns:1fr; gap:18px; margin-top:26px; }.uprango-partnership-workflow__mode { flex-direction:column; padding:22px 20px; } }