/* ── BYOA PAGE — hero top padding ── */
.byoa-hero{padding-top:150px}

/* ── PIPELINE BADGE ── */
.pipeline-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  border-radius:3px;padding:4px 11px;font-size:9.5px;font-weight:700;
  letter-spacing:.9px;text-transform:uppercase;color:#93C5FD;margin-bottom:14px;
}
.pipeline-badge svg{width:11px;height:11px;stroke:#93C5FD;fill:none;stroke-width:2}

/* ── ACCEPT GRID ── */
.accept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.accept-card{background:var(--white);border:1px solid var(--rule);border-radius:6px;padding:32px 28px;transition:border-color .2s,box-shadow .2s}
.accept-card:hover{border-color:#C7D2FE;box-shadow:0 4px 24px rgba(0,55,255,.06)}
.accept-icon{width:38px;height:38px;background:#EEF2FF;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.accept-icon svg{width:17px;height:17px;stroke:#4338CA;fill:none;stroke-width:1.8}
.accept-card h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--ink)}
.accept-card p{font-size:13.5px;color:var(--muted);line-height:1.75;font-weight:300}
.accept-note{font-size:13.5px;color:var(--muted);font-weight:300;margin-top:24px;line-height:1.8}
.accept-note strong{color:var(--ink);font-weight:500}

/* ── PIPELINE HIGHLIGHT ── */
.station.highlight{background:rgba(59,130,246,.1);border-radius:8px;padding:52px 16px 20px 16px}
.station.highlight::after{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(59,130,246,.18)}
.kb-flag{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(59,130,246,.18);border:1px solid rgba(59,130,246,.35);
  border-radius:3px;padding:2px 8px;font-size:8.5px;font-weight:700;
  letter-spacing:.6px;text-transform:uppercase;color:#93C5FD;margin-bottom:8px;
}
.pipeline-note{
  margin-top:36px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:7px;padding:26px 30px;display:flex;gap:16px;align-items:flex-start;
}
.pipeline-note-icon{width:32px;height:32px;flex-shrink:0;background:rgba(59,130,246,.14);border-radius:5px;display:flex;align-items:center;justify-content:center}
.pipeline-note-icon svg{width:15px;height:15px;stroke:#93C5FD;fill:none;stroke-width:2}
.pipeline-note p{font-size:13.5px;color:rgba(255,255,255,.55);line-height:1.8;font-weight:300}
.pipeline-note strong{color:#fff;font-weight:500}

/* ── BEFORE / AFTER ── */
.ba-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;border:1px solid var(--rule);border-radius:8px;overflow:hidden;background:var(--white)}
.ba-col{padding:32px 34px}
.ba-col.after{background:#FAFBFF}
.ba-label{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--subtle);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.ba-label.after{color:#3730A3}
.ba-label .dt{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ba-label.before .dt{background:var(--subtle)}
.ba-label.after .dt{background:var(--blue)}
.ba-row{padding:14px 0;border-bottom:1px solid var(--rule)}
.ba-row:last-child{border-bottom:none}
.ba-row .bk{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--subtle);margin-bottom:5px}
.ba-row .bv{font-size:13.5px;color:var(--ink);font-weight:400;line-height:1.6}
.ba-vs{
  display:flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;font-size:11px;font-weight:700;
  letter-spacing:.5px;width:44px;
}

/* ── WHEN NOT ── */
.leave-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.leave-card{border:1px solid var(--rule);border-radius:6px;padding:32px}
.leave-card.no{background:#FAFAFA}
.leave-card.yes{border-color:#C7D2FE;background:#FAFBFF}
.leave-tag{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:2px;margin-bottom:16px}
.leave-tag.no{background:#F3F4F6;color:var(--muted)}
.leave-tag.yes{background:#EEF2FF;color:#3730A3}
.leave-card h3{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px}
.leave-card p{font-size:13.5px;color:var(--muted);line-height:1.8;font-weight:300}

/* ── POINT BAND ── */
.point-band{background:var(--ink);border-radius:10px;padding:64px 60px;text-align:center;position:relative;overflow:hidden}
.point-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px}
.point-band p{position:relative;font-size:clamp(19px,2.3vw,26px);font-weight:300;color:#fff;line-height:1.6;max-width:820px;margin:0 auto 18px;letter-spacing:-.2px}
.point-band p strong{font-weight:600;color:#93C5FD}
.point-band .pb-sub{font-size:14px;color:rgba(255,255,255,.4);font-weight:300;max-width:640px;margin:0 auto;position:relative}

/* ── TRADE CALLOUT ── */
.trade-callout{
  display:flex;gap:16px;align-items:flex-start;background:#FFF7ED;border:1px solid #FED7AA;
  border-radius:6px;padding:24px 28px;margin-top:32px;
}
.trade-icon{width:34px;height:34px;flex-shrink:0;background:#FFEDD5;border-radius:5px;display:flex;align-items:center;justify-content:center}
.trade-icon svg{width:16px;height:16px;stroke:#C2410C;fill:none;stroke-width:2}
.trade-callout p{font-size:13.5px;color:#7C2D12;line-height:1.8;font-weight:300}
.trade-callout strong{color:#7C2D12;font-weight:600}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .ba-wrap{grid-template-columns:1fr}
  .ba-vs{width:100%;height:36px}
  .leave-wrap,.accept-grid{grid-template-columns:1fr}
  .point-band{padding:44px 32px}
}