.step-card{position:relative;flex-basis:clamp(300px,24vw,420px)}
.step-card::before,.step-card::after{content:"";position:absolute;z-index:2}
.step-card::before{left:-6px;top:calc(26% - 6px);width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:var(--black);transition:border-color .25s,background .25s}
.step-card::after{right:-14px;top:26%;width:14px;height:1px;background:rgba(255,255,255,.22)}
.step-card:first-child::before,.step-card:last-child::after{display:none}
.step-card.is-live::before{border-color:var(--accent);background:var(--accent)}
.stc{font-size:12.5px;color:var(--grey);margin-bottom:6px}
.step-card .hcap p{min-height:57px}
.stip{font-size:13px;color:#b8b8b8;margin-top:10px;padding-left:11px;border-left:1px solid rgba(255,255,255,.2);line-height:1.5}

.wsplit{min-height:380px;display:flex}
.wsplit .banner-body{align-self:center}
.wsplit.flip{justify-content:flex-end}
.wsplit.flip .banner-body{text-align:right;align-items:flex-end}
.widx{font-size:13px;color:var(--grey)}
.wsplit h2{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.wchip{font-size:13.5px;color:#b8b8b8;margin-top:4px;max-width:44ch;line-height:1.5}

.wpipe{min-height:0;display:flex;align-items:center;justify-content:center}
.wpipe .banner-center{max-width:1060px;padding:clamp(32px,4vw,48px) clamp(20px,3vw,40px)}
.pipe-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:2px 0 4px}
.pipe-chip{font-size:13px;color:#e6e6e6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);padding:7px 12px;border-radius:7px;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.pipe-chip b{font-weight:500;color:var(--faint)}
.pipe-arrow{color:var(--faint);font-size:13px}
.wpipe p{font-size:14.5px;margin-top:8px}

@media(max-width:700px){
  .step-card{flex-basis:82vw}
  .step-card .hcap p{min-height:0}
  .wsplit.flip .banner-body{text-align:left;align-items:flex-start}
  .wsplit .scrim,.wsplit .scrim.flip{background:linear-gradient(0deg,rgba(0,0,0,.95) 45%,rgba(0,0,0,.4))}
  .pipe-arrow{display:none}
}

.wsplit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:0;border:0;border-radius:0;background:none;overflow:visible}
.wsplit>figure{position:relative;inset:auto;order:2;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--surface)}
.wsplit .scrim,.wsplit .scrim.flip{display:none}
.wsplit .banner-body{order:1;padding:0;max-width:none;text-align:left;align-items:flex-start}
.wsplit.flip{justify-content:normal}
.wsplit.flip>figure{order:1}
.wsplit.flip .banner-body{order:2;text-align:left;align-items:flex-start}

@media(max-width:860px){
  .wsplit,.wsplit.flip{grid-template-columns:1fr;gap:20px}
  .wsplit>figure,.wsplit.flip>figure{order:1;aspect-ratio:16/10}
  .wsplit .banner-body,.wsplit.flip .banner-body{order:2}
}
.stc{display:inline-flex;color:#000;background:var(--lime);padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}
.widx{display:inline-flex;color:#000!important;background:var(--lime);padding:3px 8px;border-radius:6px;font-size:12px}
.pipe-chip b{color:#000;background:var(--lime);border-radius:5px;padding:1px 6px;font-weight:600}

.light .stip{color:#4a4a46;border-left-color:rgba(0,0,0,.22)}
.light .step-card::before{background:#fff;border-color:rgba(0,0,0,.35)}
.light .step-card::after{background:rgba(0,0,0,.22)}
.step-card::before,.step-card::after{transition:border-color .3s,background .3s}
.step-card:nth-child(1){--i:0}.step-card:nth-child(2){--i:1}.step-card:nth-child(3){--i:2}.step-card:nth-child(4){--i:3}
.step-card:nth-child(5){--i:4}.step-card:nth-child(6){--i:5}.step-card:nth-child(7){--i:6}
.step-card::before{transition-delay:calc(var(--i,0) * .16s)}
.step-card::after{transition-delay:calc(var(--i,0) * .16s + .08s)}
.hrow.lit .step-card::before,.light .hrow.lit .step-card::before{border-color:var(--accent);background:var(--accent)}
.hrow.lit .step-card::after,.light .hrow.lit .step-card::after{background:var(--accent)}
@media(prefers-reduced-motion:reduce){.step-card::before,.step-card::after{transition:none}}