.pipe{padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;position:relative}
.pipe li{list-style:none}
.step{position:relative;height:100%}
.step .n{width:36px;height:36px;border-radius:18px;background:var(--brand);color:var(--on-brand);display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.site .step h3{font-size:21px;line-height:27px;margin:14px 0 8px}
.step .who{display:inline-flex;gap:6px;align-items:center;margin-top:14px;font-size:14px;font-weight:700;color:var(--ink-muted)}
.step .who .bz-icon{width:16px;height:16px}
.src{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-muted)}
.src .bz-icon{width:15px;height:15px}
.rail{background:var(--sidebar);color:var(--on-sidebar)}
.rail .bz-overline,.rail .on-muted{color:var(--on-sidebar-muted)}
.site .rail h2,.site .rail h3{color:var(--on-sidebar)}
.rail .bz-mark{--mg:var(--surface-raised)}
.pair{display:flex;align-items:center;gap:16px}
.pair .bz-card{flex:1 1 0;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.pair .eb{font:600 22px/26px var(--font-serif)}
.pair .bz-lockup{font-size:24px}
.pair .plus{color:var(--on-sidebar);display:flex}
.pair .plus .bz-icon{width:28px;height:28px}
.signin{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px 16px;border-radius:12px;background:var(--surface);color:var(--ink)}
.signin .bz-icon{color:var(--brand)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.site .two h3{font-size:24px;line-height:30px;margin:14px 0 10px}
.two ul{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
@media (max-width:900px){
  .pipe{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail .row2{gap:40px}
}
@media (max-width:600px){
  .pipe,.two{grid-template-columns:minmax(0,1fr)}
  .pair{flex-direction:column;align-items:stretch}
  .pair .plus{justify-content:center}
}