.whero{min-height:clamp(420px,56vh,560px);display:flex}
.whero .banner-body{align-self:center;max-width:620px;padding:clamp(28px,4vw,56px)}
.whero h1{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.whero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}

.step-card{flex-basis:clamp(300px,24vw,420px)}
.step-label{position:absolute;top:12px;left:12px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:9.5px;
  font-weight:700;letter-spacing:.18em;color:#fff;background:rgba(10,10,11,.6);border:1px solid rgba(255,255,255,.16);
  padding:5px 10px;border-radius:8px;backdrop-filter:blur(6px)}
.stc{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.24em;color:#A1EB1A;margin-bottom:7px}
.step-card .hcap p{min-height:57px}
.stip{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.02em;color:#DACCFA;margin-top:9px;
  padding-left:11px;border-left:2px solid rgba(218,204,250,.45);line-height:1.5}

.wsplit{min-height:400px;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}
.wnum{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(2.6rem,4.4vw,4rem);line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(161,235,26,.55);letter-spacing:-.02em}
.widx{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.3em;color:#A1EB1A}
.wsplit h2{font-size:clamp(1.6rem,2.8vw,2.5rem)}
.wchip{width:max-content;margin-top:8px;max-width:100%;white-space:normal}

.wpipe{min-height:clamp(240px,30vh,320px);display:flex;align-items:center;justify-content:center}
.wpipe .banner-center{max-width:1060px}
.pipe-chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:6px 0 4px}
.pipe-chip{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.02em;color:#dde3fd;
  background:rgba(10,10,20,.5);border:1px solid rgba(127,149,248,.4);padding:8px 14px;border-radius:100px;
  display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(6px);transition:.22s;white-space:nowrap}
.pipe-chip:hover{border-color:#A1EB1A;color:#fff}
.pipe-chip b{font-weight:700;font-size:9.5px;color:#A1EB1A;letter-spacing:.12em}
.pipe-arrow{color:rgba(221,227,253,.55);font-size:13px}
.wpipe p{font-size:14px;margin-top:8px}
.wa{color:#DACCFA;font-weight:700}
.wb{color:#A1EB1A;font-weight:700}

.wclose{min-height:clamp(300px,38vh,400px);display:flex;align-items:center;justify-content:center}

@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(8,8,9,.95) 45%,rgba(8,8,9,.4))}
  .pipe-arrow{display:none}
}