/* =========================================================
   PAYLANCE — Sell Business (форма подачи бизнеса)
   ROLEX luxury palette
   ========================================================= */

.sb-wrap{max-width:1280px;margin:0 auto;padding:48px 24px 80px;}

/* ============ HERO ============ */
.sb-hero{
  display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;
  margin-bottom:48px;
}
.sb-hero__pill{
  display:inline-flex;align-items:center;gap:7px;padding:6px 12px;
  background:rgba(0,96,57,.12);border:1px solid rgba(0,96,57,.26);
  border-radius:980px;font:700 11px/1 var(--font);color:#006039;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;
}
.sb-hero h1{
  font:700 52px/1.05 var(--font);letter-spacing:-0.035em;color:#0A0A0A;
  margin:0 0 18px;text-wrap:balance;
}
.sb-hero h1 em{
  font-style:normal;
  background:linear-gradient(135deg,#A37E2C 0%, #E8D2A5 50%, #A37E2C 100%);
  background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sbShimmer 9s linear infinite;
}
@keyframes sbShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.sb-hero__sub{font:500 17px/1.55 var(--font);color:#7A6F5C;margin:0 0 28px;max-width:520px;}
.sb-hero__sub b{color:#0A0A0A;font-weight:600;}

.sb-hero__feats{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.sb-hero__feat{
  display:flex;align-items:flex-start;gap:12px;padding:14px 16px;
  background:#fff;border:1px solid #E8E0D0;border-radius:14px;
  font:500 14.5px/1.4 var(--font);color:#0A0A0A;letter-spacing:-0.005em;
  transition:.2s;
}
.sb-hero__feat:hover{border-color:rgba(163,126,44,.45);background:#FAF6EE;}
.sb-hero__feat svg{flex-shrink:0;color:#006039;margin-top:2px;}
.sb-hero__feat b{font-weight:700;}

.sb-hero__visual{
  background:linear-gradient(135deg,#003D26 0%,#0A0A0A 100%);color:#fff;
  padding:32px 28px;border-radius:24px;
  box-shadow:0 30px 60px -24px rgba(0,40,24,.6);position:relative;overflow:hidden;
}
.sb-hero__visual::before{
  content:'';position:absolute;top:-30%;right:-15%;width:60%;height:120%;
  background:radial-gradient(circle,rgba(163,126,44,.25),transparent 60%);
  pointer-events:none;
}
.sb-hero__visual::after{
  content:'';position:absolute;bottom:-40%;left:-15%;width:55%;height:100%;
  background:radial-gradient(circle,rgba(0,96,57,.25),transparent 60%);
  pointer-events:none;
}
.sb-hero__visual-l{font:600 12px/1 var(--font);color:#C9A961;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;position:relative;}
.sb-hero__visual-v{font:700 60px/1 var(--font);letter-spacing:-0.04em;margin-bottom:14px;font-feature-settings:"tnum";position:relative;}
.sb-hero__visual-v em{font-style:normal;color:#C9A961;}
.sb-hero__visual-d{font:500 15px/1.55 var(--font);color:rgba(255,255,255,.72);margin-bottom:24px;position:relative;}
.sb-hero__visual-mx{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);position:relative;}
.sb-hero__visual-mx > div{}
.sb-hero__visual-mx-v{font:700 18px/1 var(--font);letter-spacing:-0.015em;color:#fff;font-feature-settings:"tnum";}
.sb-hero__visual-mx-l{font:500 11px/1.3 var(--font);color:rgba(232,210,165,.65);margin-top:4px;letter-spacing:.04em;text-transform:uppercase;}

/* ============ FORM SHELL ============ */
.sb-form{
  background:#fff;border:1px solid #E8E0D0;border-radius:24px;
  padding:32px;box-shadow:0 24px 60px -20px rgba(0,61,38,.18);
}
.sb-form__head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #E8E0D0;
}
.sb-form__head h2{font:700 24px/1.2 var(--font);letter-spacing:-0.02em;color:#0A0A0A;margin:0;}
.sb-form__head-sub{font:500 13px/1.3 var(--font);color:#7A6F5C;margin-top:4px;}

/* Progress */
.sb-steps{display:flex;align-items:center;gap:8px;}
.sb-step{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  font:700 14px var(--font);color:#7A6F5C;
  background:#FAF6EE;border:1px solid #E8E0D0;transition:.2s;
}
.sb-step.is-on{background:#0A0A0A;color:#fff;border-color:#0A0A0A;}
.sb-step.is-done{background:#006039;color:#fff;border-color:#006039;}
.sb-step.is-done::before{content:"✓";}
.sb-step.is-done span{display:none;}
.sb-step-sep{width:24px;height:2px;background:#E8E0D0;border-radius:2px;}

/* Step body */
.sb-step-body{display:none;}
.sb-step-body.is-on{display:block;}
.sb-step-body h3{font:700 22px/1.2 var(--font);letter-spacing:-0.015em;color:#0A0A0A;margin:0 0 8px;}
.sb-step-body p.sb-lead{font:500 14.5px/1.55 var(--font);color:#7A6F5C;margin:0 0 24px;}

/* Field */
.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;}
.sb-grid--3{grid-template-columns:repeat(3,1fr);}
.sb-grid--full{grid-template-columns:1fr;}
.sb-field{display:flex;flex-direction:column;}
.sb-field label{font:600 12px/1 var(--font);color:#7A6F5C;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;}
.sb-field label em{color:#A6453B;font-style:normal;margin-left:2px;}
.sb-field input,
.sb-field select,
.sb-field textarea{
  padding:12px 14px;border:1px solid #C9C1B0;border-radius:12px;
  font:500 14.5px/1.4 var(--font);color:#0A0A0A;background:#fff;outline:none;transition:.15s;
}
.sb-field input:focus,
.sb-field select:focus,
.sb-field textarea:focus{border-color:#006039;box-shadow:0 0 0 4px rgba(0,96,57,.12);}
.sb-field textarea{resize:vertical;min-height:84px;}
.sb-field__hint{font:500 12px/1.4 var(--font);color:#7A6F5C;margin-top:6px;}
.sb-field__hint b{color:#0A0A0A;font-weight:600;}

/* Choices (category) */
.sb-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;}
.sb-choice{
  position:relative;cursor:pointer;padding:18px 14px;background:#fff;border:1px solid #E8E0D0;
  border-radius:14px;text-align:center;transition:.2s;
}
.sb-choice:hover{transform:translateY(-2px);border-color:#A37E2C;background:#FAF6EE;}
.sb-choice input{position:absolute;opacity:0;}
.sb-choice input:checked + .sb-choice__body{}
.sb-choice:has(input:checked){border-color:#0A0A0A;background:#0A0A0A;color:#fff;}
.sb-choice__emoji{font-size:30px;display:block;margin-bottom:8px;}
.sb-choice__t{font:700 13.5px/1.2 var(--font);letter-spacing:-0.005em;}

/* Verify card */
.sb-verify{
  background:#FAF6EE;border:1px solid rgba(0,96,57,.24);border-radius:14px;
  padding:18px 20px;display:flex;align-items:flex-start;gap:14px;margin-bottom:22px;
}
.sb-verify svg{color:#006039;flex-shrink:0;margin-top:2px;}
.sb-verify__t{font:700 14.5px/1.3 var(--font);color:#0A0A0A;margin:0 0 4px;}
.sb-verify__d{font:500 13px/1.55 var(--font);color:#7A6F5C;margin:0;}
.sb-verify__d b{color:#0A0A0A;font-weight:700;}

/* Upload */
.sb-upload{
  border:2px dashed #C9C1B0;border-radius:14px;padding:28px 20px;
  text-align:center;cursor:pointer;transition:.2s;background:#FAF6EE;
}
.sb-upload:hover{border-color:#A37E2C;background:#fff;}
.sb-upload svg{color:#7A6F5C;margin-bottom:10px;}
.sb-upload:hover svg{color:#A37E2C;}
.sb-upload__t{font:600 14.5px/1.3 var(--font);color:#0A0A0A;margin-bottom:4px;}
.sb-upload__s{font:500 12.5px/1.4 var(--font);color:#7A6F5C;}

/* Footer of form */
.sb-form__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:24px;border-top:1px solid #E8E0D0;}
.sb-form__foot-left{font:500 13px/1.3 var(--font);color:#7A6F5C;}
.sb-form__foot-right{display:flex;gap:10px;}
.sb-btn{
  font:600 14.5px/1 var(--font);letter-spacing:-0.005em;padding:14px 22px;border-radius:980px;
  border:0;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none;
}
.sb-btn--ghost{background:transparent;color:#0A0A0A;border:1px solid #C9C1B0;}
.sb-btn--ghost:hover{background:#FAF6EE;border-color:#0A0A0A;}
.sb-btn--primary{background:#0A0A0A;color:#fff;box-shadow:0 8px 20px -8px rgba(10,10,10,.45);}
.sb-btn--primary:hover{background:#1A1A1A;transform:translateY(-1px);box-shadow:0 12px 28px -8px rgba(10,10,10,.6);}
.sb-btn--gold{background:linear-gradient(135deg,#A37E2C 0%,#C9A961 50%,#A37E2C 100%);background-size:200% 200%;color:#0A0A0A;box-shadow:0 8px 24px -8px rgba(163,126,44,.55);animation:sbGoldShimmer 9s linear infinite;}
.sb-btn--gold:hover{transform:translateY(-1px);box-shadow:0 14px 32px -8px rgba(163,126,44,.75);}
@keyframes sbGoldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Success */
.sb-success{text-align:center;padding:32px 16px;}
.sb-success__ico{
  width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#003D26,#006039);
  display:grid;place-items:center;margin:0 auto 22px;
  color:#fff;font-size:42px;font-weight:300;
  box-shadow:0 20px 40px -12px rgba(0,61,38,.5);
}
.sb-success h2{font:700 32px/1.15 var(--font);letter-spacing:-0.025em;color:#0A0A0A;margin:0 0 12px;}
.sb-success p{font:500 16px/1.6 var(--font);color:#7A6F5C;max-width:480px;margin:0 auto 28px;}
.sb-success__steps{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.sb-success__step{padding:12px 18px;background:#FAF6EE;border:1px solid #E8E0D0;border-radius:12px;font:500 13.5px/1.3 var(--font);color:#0A0A0A;}
.sb-success__step b{display:block;font:700 12px/1 var(--font);color:#006039;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;}

/* ============ RESPONSIVE ============ */
@media (max-width:1024px){
  .sb-hero{grid-template-columns:1fr;gap:32px;}
  .sb-hero h1{font-size:38px;}
  .sb-choices{grid-template-columns:repeat(2,1fr);}
  .sb-grid--3{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .sb-wrap{padding:32px 16px 60px;}
  .sb-hero h1{font-size:30px;}
  .sb-form{padding:22px;}
  .sb-form__head{flex-direction:column;align-items:flex-start;}
  .sb-grid,.sb-grid--3{grid-template-columns:1fr;}
  .sb-choices{grid-template-columns:1fr 1fr;}
  .sb-form__foot{flex-direction:column;align-items:stretch;}
  .sb-form__foot-right{justify-content:space-between;}
  .sb-btn{flex:1;justify-content:center;}
  .sb-hero__visual-v{font-size:48px;}
}