/* Sell on Jevity — seller onboarding */
.sell-hero { padding: 4.5rem 0 2rem; }
.sell-hero__kicker { font: 500 0.8rem "Inter", sans-serif; letter-spacing: 0.24em; text-transform: uppercase; color: var(--accent, #2dd4a7); margin-bottom: 1rem; }
.sell-hero__h1 { font: 400 clamp(2.3rem, 5.5vw, 4rem) "Fraunces", serif; letter-spacing: -0.025em; line-height: 1.03; max-width: 18ch; margin-bottom: 1.1rem; }
.sell-hero__h1 em { font-style: italic; color: var(--accent, #2dd4a7); }
.sell-hero__sub { font-size: 1.15rem; color: var(--text-soft, #d4ccba); line-height: 1.6; max-width: 60ch; margin-bottom: 1.8rem; }

.sell-terms { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin: 1rem auto 3rem; }
.sell-term { background: var(--bg-alt, #101116); border: 1px solid var(--border, rgba(243,237,224,0.08)); border-radius: 16px; padding: 1.6rem; }
.sell-term--accent { border-color: rgba(45,212,167,0.4); background: rgba(45,212,167,0.05); }
.sell-term__big { font: 400 2.8rem "Fraunces", serif; color: var(--accent, #2dd4a7); line-height: 1; }
.sell-term__lbl { font: 500 0.95rem "Inter", sans-serif; margin: 0.4rem 0 0.5rem; }
.sell-term__d { font-size: 0.9rem; color: var(--muted-strong, #b8b1a4); line-height: 1.55; }

.sell-how { margin: 1rem auto 3rem; }
.sell-how h2, .sell-apply h2 { font: 400 clamp(1.8rem, 3vw, 2.6rem) "Fraunces", serif; letter-spacing: -0.02em; margin-bottom: 1.4rem; }
.sell-steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.2rem; padding: 0; }
.sell-steps li { display: flex; gap: 0.8rem; }
.sell-steps span { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(45,212,167,0.12); color: var(--accent, #2dd4a7); font: 500 1rem "Inter", sans-serif; }
.sell-steps strong { display: block; margin-bottom: 0.2rem; }
.sell-steps p { font-size: 0.88rem; color: var(--muted-strong, #b8b1a4); line-height: 1.5; }

.sell-elig { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; margin: 1rem auto 3.5rem; }
.sell-elig > div { border-radius: 16px; padding: 1.5rem; border: 1px solid; }
.sell-elig__ok { border-color: rgba(45,212,167,0.3); background: rgba(45,212,167,0.05); }
.sell-elig__no { border-color: rgba(248,113,113,0.3); background: rgba(248,113,113,0.05); }
.sell-elig h3 { font: 500 1.05rem "Inter", sans-serif; margin-bottom: 0.6rem; }
.sell-elig__ok h3 { color: #48e0b8; } .sell-elig__no h3 { color: #f87171; }
.sell-elig p { font-size: 0.92rem; color: var(--text-soft, #d4ccba); line-height: 1.6; }

.sell-apply { max-width: 720px; margin: 0 auto 5rem; }
.sell-form { display: grid; gap: 1rem; }
.sell-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.sell-form label { display: grid; gap: 0.35rem; font: 500 0.82rem "Inter", sans-serif; color: var(--text-soft, #d4ccba); }
.sell-form input:not([type=checkbox]), .sell-form textarea {
  font: 400 0.95rem "Inter", sans-serif; color: var(--text, #f3ede0); background: transparent;
  border: 1px solid var(--border-strong, rgba(243,237,224,0.18)); border-radius: 10px; padding: 0.7rem 0.9rem; width: 100%; resize: vertical;
}
.sell-form input:focus, .sell-form textarea:focus { outline: none; border-color: var(--accent, #2dd4a7); }
.sell-cats { border: none; padding: 0; margin: 0; }
.sell-cats legend { font: 500 0.82rem "Inter", sans-serif; color: var(--text-soft, #d4ccba); margin-bottom: 0.5rem; padding: 0; }
.sell-catgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.5rem; }
.sell-cat { display: flex; align-items: center; gap: 0.5rem; font: 400 0.88rem "Inter", sans-serif; color: var(--text, #f3ede0); border: 1px solid var(--border, rgba(243,237,224,0.1)); border-radius: 10px; padding: 0.55rem 0.7rem; cursor: pointer; }
.sell-cat input { accent-color: var(--accent, #2dd4a7); width: 16px; height: 16px; }
.sell-check { display: flex; align-items: flex-start; gap: 0.6rem; font: 400 0.86rem "Inter", sans-serif; color: var(--text-soft, #d4ccba); line-height: 1.5; }
.sell-check input { accent-color: var(--accent, #2dd4a7); width: 18px; height: 18px; margin-top: 2px; flex: none; }
.sell-result { padding: 0.9rem 1.1rem; border-radius: 12px; font-size: 0.95rem; line-height: 1.5; }
.sell-result.is-ok { background: rgba(45,212,167,0.1); color: #48e0b8; border: 1px solid rgba(45,212,167,0.3); }
.sell-result.is-err { background: rgba(248,113,113,0.1); color: #f87171; border: 1px solid rgba(248,113,113,0.3); }
[hidden] { display: none !important; }

@media (max-width: 620px) { .sell-row, .sell-elig { grid-template-columns: 1fr; } .sell-hero { padding: 3rem 0 1.5rem; } }