/* Buyer / seller flow: role picker, progress, numbered steps */
.role-pick{border:0;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.role-pick legend{font-weight:700;font-size:.92rem;margin-bottom:.5rem;padding:0}
.role-pick .rc{position:relative;display:block;cursor:pointer}
.role-pick .rc input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.role-pick .rc>span{display:block;height:100%;border:2px solid var(--line2);border-radius:var(--r-sm);padding:.8rem .9rem;background:#fff}
.role-pick .rc b{display:block;font-size:1rem}
.role-pick .rc small{display:block;color:var(--ink2);font-size:.8rem;margin-top:.15rem;line-height:1.35;font-weight:500}
.role-pick .rc input:checked+span{border-color:var(--brand);background:var(--brand05)}
.role-pick .rc input:focus-visible+span{outline:3px solid var(--brand1);outline-offset:2px}
.seller-only[hidden]{display:none!important}
.prog{height:8px;border-radius:99px;background:var(--soft);overflow:hidden;margin:.1rem 0 .9rem}
.prog i{display:block;height:100%;background:var(--brand);border-radius:99px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;counter-reset:st}
.steps li{counter-increment:st;display:flex;gap:.75rem;align-items:flex-start;font-size:.93rem}
.steps li::before{content:counter(st);flex:none;width:26px;height:26px;border-radius:50%;background:var(--brand05);color:var(--brand);font-weight:800;display:grid;place-items:center;font-size:.85rem;border:1px solid var(--brand1)}
.steps li b{display:block}
.steps li span{display:block;color:var(--ink2);font-size:.86rem;margin-top:.1rem}
.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap}
.hero-cta .btn{flex:1 1 170px;min-height:48px}
.sb-label.first{margin-top:.2rem}
@media(max-width:380px){.role-pick{grid-template-columns:1fr}}