/* Seller component rules reused from the supplied main.css template. */
.merchant-onboarding .crumb { display: flex; align-items: baseline; gap: 8px; padding: 0 0 12px; flex-wrap: wrap; }
.merchant-onboarding .info-q { padding: 13px 0; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 20px; font-weight: 600; color: #0C1626; }
.merchant-onboarding .info-q::after { content: ''; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-left: auto; flex: none; }
.merchant-onboarding .info-qa[open] .info-q::after { transform: rotate(225deg); }
.merchant-onboarding .info-a { margin: 0 0 15px; padding-right: 24px; font-size: 14px; line-height: 1.7; }
.merchant-onboarding .info-qa { border-bottom: 1px solid rgba(13, 38, 90, .07); }
.merchant-onboarding .info-qa:last-child { border-bottom: none; }
.merchant-onboarding .info-qa[open] .info-caret { transform: rotate(180deg); }
.merchant-onboarding .info-qa::details-content {
  block-size: 0; overflow: hidden;
  transition: block-size .2s var(--ease-out), content-visibility .2s allow-discrete;
}
.merchant-onboarding .info-qa[open]::details-content { block-size: calc-size(auto, size); }
.merchant-onboarding .info-qa::details-content { transition: none; }
.merchant-onboarding .feat-head { display: flex; align-items: baseline; gap: 16px; }
.merchant-onboarding .feat-title { margin: 0; font-size: 30px; line-height: 36px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .feat-rule {
  height: 1px; margin-top: 18px;
  background: linear-gradient(90deg, rgba(var(--brand-rgb), .3), rgba(13, 38, 90, .06) 40%, transparent);
}
.merchant-onboarding .crumb + .sl-hero, .merchant-onboarding .crumb + .info-lead, .merchant-onboarding .crumb + .solo-empty, .merchant-onboarding .crumb + .sl-sec { margin-top: 0; }
.merchant-onboarding .crumb + .slw-wrap > .slw-head { margin-top: 0; }
.merchant-onboarding .crumb a { font-size: 14px; color: rgba(30, 50, 80, .7); transition: color .2s ease; }
.merchant-onboarding .crumb a:hover { color: var(--brand-text); }
.merchant-onboarding .crumb i { font-style: normal; font-size: 14px; color: rgba(30, 50, 80, .35); }
.merchant-onboarding .crumb b { font-size: 14px; font-weight: 500; color: #23324A; }
.merchant-onboarding .crumb .crumb-name {
  display: inline-block; max-width: 260px; vertical-align: bottom;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.merchant-onboarding .solo-cta {
  margin-top: 10px; height: 44px; padding: 0 22px; border: none; border-radius: 12px; cursor: pointer;
  background: var(--brand-gradient);
  color: #ffffff; font-size: 14px; font-weight: 700; white-space: nowrap;
  display: inline-flex; align-items: center; gap: 7px;
  box-shadow: 0 10px 26px rgba(var(--brand-rgb), 0.168);
  transition: transform .2s var(--ease-out), box-shadow .2s ease;
}
.merchant-onboarding .solo-cta:hover { transform: translateY(-2px); color: #ffffff; box-shadow: 0 16px 34px rgba(var(--brand-rgb), 0.216); }
.merchant-onboarding .solo-cta svg { flex: none; display: block; stroke: currentColor; transition: transform .2s var(--ease-out); }
.merchant-onboarding .solo-cta:hover svg { transform: translateX(3px); }
.merchant-onboarding .solo-cta-ghost {
  background: #ffffff; color: var(--brand-text);
  border: 1px solid rgba(var(--brand-rgb), .4); box-shadow: none;
}
.merchant-onboarding .solo-cta-ghost:hover { background: rgba(var(--brand-rgb), .07); color: var(--brand-text); box-shadow: none; }
.merchant-onboarding .sl-hero {
  position: relative; overflow: hidden;
  margin-top: 18px; padding: 46px 48px; box-sizing: border-box; border-radius: 22px;
  background: linear-gradient(125deg, #0E2A5C, var(--brand-action) 58%, var(--brand-primary));
  box-shadow: 0 18px 44px rgba(13, 38, 90, .22);
  display: grid; grid-template-columns: 1fr 400px; gap: 48px; align-items: center;
}
.merchant-onboarding .sl-hero > * { position: relative; z-index: 1; }
.merchant-onboarding .sl-art {
  box-sizing: border-box; padding: 18px 20px 16px; border-radius: 16px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 18px 40px rgba(6, 20, 60, .3);
}
.merchant-onboarding .sl-art-top { display: flex; align-items: center; justify-content: space-between; }
.merchant-onboarding .sl-art-t { font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .72); }
.merchant-onboarding .sl-art-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--brand-action); box-shadow: 0 0 0 4px rgba(var(--brand-rgb), 0.084);
}
.merchant-onboarding .sl-art-svg { display: block; width: 100%; height: 108px; margin-top: 14px; }
.merchant-onboarding .sl-art-foot {
  margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(13, 38, 90, .08);
  display: flex; gap: 28px;
}
.merchant-onboarding .sl-art-cell { display: flex; flex-direction: column; gap: 2px; }
.merchant-onboarding .sl-art-cell b { font-size: 12px; font-weight: 700; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-art-cell i { font-style: normal; font-size: 14px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-orb {
  position: absolute; right: -70px; top: -90px; z-index: 0;
  width: 300px; height: 300px; border-radius: 50%;
  border: 40px solid rgba(255, 255, 255, .09);
}
.merchant-onboarding .sl-hero .pm-kicker { display: inline-flex; }
.merchant-onboarding .sl-title { margin: 12px 0 0; font-size: 40px; line-height: 50px; font-weight: 700; color: #ffffff; }
.merchant-onboarding .sl-sub {
  margin: 14px 0 0; max-width: 620px;
  font-size: 15px; line-height: 1.75; color: rgba(219, 232, 255, .82); text-wrap: pretty;
}
.merchant-onboarding .sl-hero-acts { margin-top: 22px; display: flex; gap: 10px; }
.merchant-onboarding .sl-hero-acts .solo-cta { background: #ffffff; color: var(--brand-text); box-shadow: 0 10px 26px rgba(6, 20, 60, .3); }
.merchant-onboarding .sl-hero-acts .solo-cta:hover { color: var(--brand-text); }
.merchant-onboarding .sl-hero-acts .solo-cta-ghost {
  background: rgba(255, 255, 255, .1); color: #ffffff; border-color: rgba(255, 255, 255, .42);
}
.merchant-onboarding .sl-hero-acts .solo-cta-ghost:hover { background: rgba(255, 255, 255, .2); color: #ffffff; }
.merchant-onboarding .sl-stats, .merchant-onboarding .sl-steps, .merchant-onboarding .sl-perks {
  box-sizing: border-box; overflow: hidden; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-stats { margin-top: 14px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.merchant-onboarding .sl-sec + .sl-stats { margin-top: 34px; }
.merchant-onboarding .sl-stat { box-sizing: border-box; padding: 22px; text-align: center; }
.merchant-onboarding .sl-stat-num { display: block; font-size: 30px; line-height: 38px; font-weight: 700; color: var(--brand-text); }
.merchant-onboarding .sl-stat-label { display: block; margin-top: 2px; font-size: 14px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-stat-note {
  display: block; margin-top: 10px;
  font-size: 13px; line-height: 1.6; color: rgba(30, 50, 80, .7); text-wrap: pretty;
}
.merchant-onboarding .sl-sec { margin-top: 34px; }
.merchant-onboarding .sl-sec .feat-head { align-items: baseline; }
.merchant-onboarding .sl-wants { margin-top: 22px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.merchant-onboarding .sl-want {
  box-sizing: border-box; padding: 20px 18px; border-radius: 16px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: flex; flex-direction: column; gap: 7px; text-decoration: none;
  transition: transform .15s var(--ease-out), box-shadow .15s ease, border-color .2s ease;
}
.merchant-onboarding .sl-want:hover {
  transform: translateY(-3px); border-color: rgba(var(--brand-rgb), .4);
  box-shadow: 0 16px 36px rgba(13, 38, 90, .13);
}
.merchant-onboarding .sl-want-ico {
  width: 44px; height: 44px; border-radius: 13px; background: rgba(var(--brand-rgb), .1);
  display: flex; align-items: center; justify-content: center;
}
.merchant-onboarding .sl-want-name { font-size: 15px; line-height: 21px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-band {
  position: relative; overflow: hidden;
  margin-top: 34px; padding: 34px 40px; box-sizing: border-box; border-radius: 22px;
  background: var(--brand-gradient);
  box-shadow: 0 16px 38px rgba(13, 38, 90, .2);
  display: flex; align-items: center; gap: 32px;
}
.merchant-onboarding .sl-band-copy { position: relative; z-index: 1; flex: 1; min-width: 0; }
.merchant-onboarding .sl-band-title { margin: 0; font-size: 26px; line-height: 34px; font-weight: 700; color: #ffffff; }
.merchant-onboarding .sl-band-sub {
  margin: 8px 0 0; max-width: 760px;
  font-size: 14px; line-height: 1.7; color: rgba(219, 232, 255, .86); text-wrap: pretty;
}
.merchant-onboarding .sl-band-cta {
  position: relative; z-index: 1; flex: none;
  background: #ffffff; color: var(--brand-text); box-shadow: 0 10px 26px rgba(6, 20, 60, .28);
}
.merchant-onboarding .sl-band-cta:hover { color: var(--brand-text); }
.merchant-onboarding .sl-band-end::after {
  content: ''; position: absolute; inset: 0; z-index: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .34) 1.8px, transparent 1.8px);
  background-size: 14px 14px;
  -webkit-mask-image: linear-gradient(100deg, transparent 44%, #000 82%);
  mask-image: linear-gradient(100deg, transparent 44%, #000 82%);
}
.merchant-onboarding .sl-case {
  position: relative; margin-top: 22px; padding: 28px 32px; box-sizing: border-box; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: grid; grid-template-columns: 40px 1fr 44px; gap: 24px; align-items: start;
}
.merchant-onboarding .sl-case-mark { font-size: 58px; line-height: 46px; font-weight: 700; color: rgba(var(--brand-rgb), .22); }
.merchant-onboarding .sl-case-body { min-height: 115px; }
.merchant-onboarding .sl-case-who { display: flex; align-items: center; gap: 11px; }
.merchant-onboarding .sl-case-avatar { width: 44px; height: 44px; font-size: 17px; flex: none; }
.merchant-onboarding .sl-case-name { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-case-meta { font-size: 13px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .sl-case-metric {
  padding: 4px 10px; border-radius: 8px; background: rgba(var(--brand-rgb), .1);
  font-size: 13px; font-weight: 700; color: var(--brand-text);
}
.merchant-onboarding .sl-case-who .head-btn { margin-left: auto; }
.merchant-onboarding .sl-case-q {
  margin: 15px 0 0; max-width: 880px; font-size: 15px; line-height: 1.85;
  color: rgba(20, 35, 60, .82); text-wrap: pretty;
}
.merchant-onboarding .sl-case-nav { align-self: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.merchant-onboarding .sl-case-dots { display: flex; flex-direction: column; gap: 7px; }
.merchant-onboarding .sl-case-dot {
  width: 7px; height: 7px; padding: 0; border: none; border-radius: 50%;
  background: rgba(13, 38, 90, .16); cursor: pointer; transition: background .2s ease;
}
.merchant-onboarding .sl-case-dot.is-on { background: var(--brand-action); }
.merchant-onboarding .sl-case-arw {
  width: 34px; height: 34px; padding: 0; border-radius: 50%; cursor: pointer;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .12); color: rgba(30, 50, 80, .6);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .2s ease, color .2s ease;
}
.merchant-onboarding .sl-case-arw:hover { border-color: rgba(var(--brand-rgb), .55); color: var(--brand-text); }
.merchant-onboarding .sl-payout {
  padding: 34px 40px; box-sizing: border-box; border-radius: 22px; text-align: center;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-payout-h { margin: 0; font-size: 22px; line-height: 28px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-payout-sub {
  margin: 8px auto 0; max-width: 640px;
  font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7);
}
.merchant-onboarding .sl-payout-row { margin-top: 26px; display: flex; align-items: center; justify-content: center; gap: 46px; }
.merchant-onboarding .sl-payout-item { display: flex; align-items: center; gap: 9px; }
.merchant-onboarding .sl-payout-item img {
  --po: 23px;
  width: auto; height: calc(var(--po) * var(--pk, 1)); object-fit: contain; display: block;
}
.merchant-onboarding .sl-payout-item b { font-size: 15px; font-weight: 700; color: rgba(20, 35, 60, .78); }
.merchant-onboarding .sl-perks { margin-top: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.merchant-onboarding .sl-perk {
  box-sizing: border-box; padding: 22px;
  display: flex; flex-direction: column; gap: 8px;
}
.merchant-onboarding .sl-perk-ico {
  width: 42px; height: 42px; border-radius: 12px; background: rgba(var(--brand-rgb), .1);
  display: flex; align-items: center; justify-content: center;
}
.merchant-onboarding .sl-perk-title { font-size: 16px; line-height: 22px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-perk-sub { font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .sl-steps {
  margin: 22px 0 0; padding: 0; list-style: none;
  counter-reset: slstep;
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 0;
}
.merchant-onboarding .sl-step {
  position: relative; box-sizing: border-box; padding: 48px 22px 22px;
  display: flex; flex-direction: column; gap: 6px;
  counter-increment: slstep;
}
.merchant-onboarding .sl-step::before {
  content: counter(slstep);
  position: absolute; top: 22px; left: 22px;
  width: 26px; height: 26px; border-radius: 8px;
  background: var(--brand-action); color: #ffffff;
  font-size: 14px; font-weight: 700; line-height: 27px; text-align: center;
}
.merchant-onboarding .sl-step-t { font-size: 15px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-step-d { font-size: 14px; line-height: 1.7; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .sl-two { margin-top: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.merchant-onboarding .sl-box {
  box-sizing: border-box; padding: 24px 26px; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
}
.merchant-onboarding .sl-box-h { margin: 0 0 14px; font-size: 17px; line-height: 22px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .sl-need { margin: 0; padding-left: 20px; }
.merchant-onboarding .sl-need li { margin-bottom: 8px; font-size: 14px; line-height: 1.75; color: rgba(20, 35, 60, .8); text-wrap: pretty; }
.merchant-onboarding .sl-need li::marker { color: rgba(var(--brand-rgb), .45); }
.merchant-onboarding .sl-fee-row {
  padding: 11px 0; border-bottom: 1px solid rgba(13, 38, 90, .06);
  display: flex; align-items: baseline; gap: 14px;
}
.merchant-onboarding .sl-fee-row:last-child { border-bottom: none; }
.merchant-onboarding .sl-fee-row span { width: 96px; flex: none; font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .72); }
.merchant-onboarding .sl-fee-row b { flex: 1; font-size: 14px; line-height: 1.65; font-weight: 600; color: #0C1626; }
.merchant-onboarding .sl-field { display: block; }
.merchant-onboarding .sl-field-wide { grid-column: 1 / -1; }
.merchant-onboarding .sl-field > span:first-child {
  display: block; margin-bottom: 6px;
  font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .75);
}
.merchant-onboarding .sl-field input, .merchant-onboarding .sl-field select, .merchant-onboarding .sl-field textarea {
  box-sizing: border-box; width: 100%; padding: 11px 13px;
  border: 1px solid rgba(13, 38, 90, .12); border-radius: 11px;
  background: rgba(13, 38, 90, .025);
  font-family: inherit; font-size: 14px; font-weight: 500; color: #0C1626;
  outline: none; resize: vertical;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.merchant-onboarding .sl-field input:focus, .merchant-onboarding .sl-field select:focus, .merchant-onboarding .sl-field textarea:focus {
  border-color: rgba(var(--brand-rgb), .6); background: #ffffff;
  box-shadow: 0 0 0 3px rgba(var(--brand-rgb), 0.084);
}
.merchant-onboarding .sl-sel { position: relative; display: block; }
.merchant-onboarding .sl-field select { appearance: none; -webkit-appearance: none; padding-right: 34px; }
.merchant-onboarding .sl-sel .sel-caret { right: 13px; }
.merchant-onboarding .sl-faq {
  margin-top: 22px; box-sizing: border-box; padding: 4px 28px 12px; border-radius: 18px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08);
  box-shadow: 0 6px 20px rgba(13, 38, 90, .05);
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 34px;
  align-items: start;
}
.merchant-onboarding .sl-faq .info-qa {
  border-bottom: none; border-top: 1px solid rgba(13, 38, 90, .07);
}
.merchant-onboarding .sl-faq .info-qa:nth-child(-n + 2) { border-top: none; }
.merchant-onboarding .sl-steps-3 { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .sl-perks-3 { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .sl-hero-solo { grid-template-columns: 1fr; }
.merchant-onboarding .slw-wrap { margin-inline: auto; }
.merchant-onboarding .slw-head { margin-top: 26px; text-align: center; }
.merchant-onboarding .slw-head-row { display: flex; align-items: center; justify-content: center; gap: 9px; }
.merchant-onboarding .slw-head-row .prod-verify { width: 22px; height: 22px; }
.merchant-onboarding .slw-title { margin: 0; font-size: 30px; line-height: 38px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-step { margin: 7px 0 0; font-size: 14px; font-weight: 600; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-card {
  position: relative; margin-top: 20px; box-sizing: border-box; padding: 36px 40px 34px;
  background: #ffffff; border: 1px solid rgba(13, 38, 90, .08); border-radius: 22px;
  box-shadow: 0 10px 30px rgba(13, 38, 90, .07); overflow: hidden;
}
.merchant-onboarding .slw-bar { position: absolute; left: 0; right: 0; top: 0; height: 4px; background: rgba(13, 38, 90, .06); }
.merchant-onboarding .slw-bar i { display: block; height: 100%; background: var(--brand-gradient); transition: width .3s ease; }
.merchant-onboarding .slw-q { margin: 0 0 22px; text-align: center; font-size: 20px; line-height: 28px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-opts { display: flex; flex-direction: column; }
.merchant-onboarding .slw-opt {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 11px 13px; border-radius: 12px; cursor: pointer;
  transition: background-color .2s ease;
}
.merchant-onboarding .slw-opt:hover { background: rgba(var(--brand-rgb), .05); }
.merchant-onboarding .slw-opt input, .merchant-onboarding .slw-agree input {
  appearance: none; -webkit-appearance: none; flex: none; margin: 1px 0 0;
  width: 18px; height: 18px; box-sizing: border-box;
  border: 1.5px solid rgba(13, 38, 90, .24); background: #ffffff; cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.merchant-onboarding .slw-opt input[type="radio"] { border-radius: 50%; }
.merchant-onboarding .slw-opt input[type="checkbox"], .merchant-onboarding .slw-agree input { border-radius: 5px; }
.merchant-onboarding .slw-opt:hover input, .merchant-onboarding .slw-agree:hover input { border-color: rgba(var(--brand-rgb), .55); }
.merchant-onboarding .slw-opt input:checked, .merchant-onboarding .slw-agree input:checked { border-color: var(--brand-primary); background-color: var(--brand-action); }
.merchant-onboarding .slw-opt input[type="radio"]:checked { box-shadow: inset 0 0 0 3.5px #ffffff; }
.merchant-onboarding .slw-opt input[type="checkbox"]:checked, .merchant-onboarding .slw-agree input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.2 4.6 9 10 3.4'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: center; background-size: 11px 11px;
}
.merchant-onboarding .slw-opt-txt { min-width: 0; }
.merchant-onboarding .slw-opt-t { font-size: 14px; line-height: 20px; font-weight: 600; color: #0C1626; }
.merchant-onboarding .slw-opt-d { display: block; margin-top: 2px; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7); text-wrap: pretty; }
.merchant-onboarding .slw-when { margin: -2px 0 8px; padding-left: 43px; }
.merchant-onboarding .slw-opts-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px 8px; }
.merchant-onboarding .slw-opts-grid .slw-opt { align-items: center; padding: 9px 13px; }
.merchant-onboarding .slw-opts-grid .slw-opt input { margin-top: 0; }
.merchant-onboarding .slw-opts-grid .slw-when { grid-column: 1 / -1; margin: 0 0 8px; padding-left: 13px; }
.merchant-onboarding .slw-opt-ico { flex: none; display: block; }
.merchant-onboarding .slw-note {
  margin-bottom: 18px; padding: 13px 15px; border-radius: 12px;
  background: rgba(var(--brand-rgb), .07); border: 1px solid rgba(var(--brand-rgb), .18);
  display: flex; align-items: flex-start; gap: 10px;
}
.merchant-onboarding .slw-note svg { flex: none; margin-top: 1px; }
.merchant-onboarding .slw-note p { margin: 0; font-size: 14px; line-height: 21px; color: rgba(20, 35, 60, .82); text-wrap: pretty; }
.merchant-onboarding .slw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.merchant-onboarding .slw-grid > * { align-self: start; }
.merchant-onboarding .slw-opts + .slw-grid { margin-top: 20px; }
.merchant-onboarding .slw-lab {
  display: block; margin-bottom: 6px;
  font-size: 14px; font-weight: 700; color: rgba(30, 50, 80, .75);
}
.merchant-onboarding .slw-rule { grid-column: 1 / -1; height: 1px; margin: 4px 0 0; background: rgba(13, 38, 90, .07); }
.merchant-onboarding .slw-req {
  display: inline-block; width: 5px; height: 5px; margin-left: 3px; vertical-align: 2px;
  border-radius: 50%; background: #E5484D;
}
.merchant-onboarding .slw-hint { margin: 6px 0 0; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-warn { margin: 6px 0 0; font-size: 13px; line-height: 19px; color: #B45309; }
.merchant-onboarding .slw-cw { position: relative; }
.merchant-onboarding .slw-cw input, .merchant-onboarding .slw-cw textarea { padding-right: 62px; }
.merchant-onboarding .slw-cnt {
  position: absolute; right: 12px; bottom: 11px;
  font-size: 13px; font-weight: 600; color: rgba(30, 50, 80, .7); pointer-events: none;
}
.merchant-onboarding .slw-phone { display: flex; gap: 8px; }
.merchant-onboarding .slw-phone .dial-pick { flex: none; }
.merchant-onboarding .slw-phone input { flex: 1; min-width: 0; }
.merchant-onboarding .slw-file {
  position: relative; box-sizing: border-box; min-height: 74px; padding: 14px 16px;
  border: 1.5px dashed rgba(13, 38, 90, .18); border-radius: 12px;
  background: rgba(13, 38, 90, .02); cursor: pointer;
  display: flex; align-items: center; gap: 12px;
  transition: background-color .2s ease, border-color .2s ease;
}
.merchant-onboarding .slw-file:hover { border-color: rgba(var(--brand-rgb), .5); background: rgba(var(--brand-rgb), .04); }
.merchant-onboarding .slw-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.merchant-onboarding .slw-file svg { flex: none; }
.merchant-onboarding .slw-file-txt { min-width: 0; }
.merchant-onboarding .slw-file-t { display: block; font-size: 14px; font-weight: 700; color: #0C1626; }
.merchant-onboarding .slw-file-n {
  display: block; margin-top: 3px; font-size: 13px; line-height: 19px; color: rgba(30, 50, 80, .7);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.merchant-onboarding .slw-file.is-on { border-style: solid; border-color: rgba(var(--brand-rgb), .45); background: rgba(var(--brand-rgb), .05); }
.merchant-onboarding .slw-file.is-on .slw-file-n { color: var(--brand-text); font-weight: 600; }
.merchant-onboarding .slw-ava-row { position: relative; display: flex; align-items: center; }
.merchant-onboarding .slw-ava {
  box-sizing: border-box; flex: none; width: 62px; height: 62px;
  border-radius: 15px; object-fit: cover; cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.merchant-onboarding .slw-ava.is-empty {
  border: 1.5px dashed rgba(var(--brand-rgb), .4);
  background: rgba(46, 124, 255, .07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B6BFF' stroke-opacity='.55' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5.5v13M5.5 12h13'/%3E%3C/svg%3E") center / 22px 22px no-repeat;
}
.merchant-onboarding .slw-ava.is-empty:hover { border-color: rgba(var(--brand-rgb), .7); background-color: rgba(var(--brand-rgb), .13); }
.merchant-onboarding .slw-ava:not(.is-empty):hover { opacity: .85; }
.merchant-onboarding .sl-field .slw-ava-row input {
  position: absolute; left: 0; top: 0; width: 62px; height: 62px;
  padding: 0; border: none; background: none; opacity: 0; cursor: pointer;
}
.merchant-onboarding .slw-pays { grid-template-columns: repeat(3, 1fr); }
.merchant-onboarding .slw-pays .co-pay { position: relative; }
.merchant-onboarding .slw-pays .co-pay input { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.merchant-onboarding .slw-sum { border-top: 1px solid rgba(13, 38, 90, .07); }
.merchant-onboarding .slw-sum-row { padding: 14px 2px 16px; border-bottom: 1px solid rgba(13, 38, 90, .06); }
.merchant-onboarding .slw-sum-top { display: flex; align-items: baseline; gap: 12px; }
.merchant-onboarding .slw-sum-k {
  flex: 1; min-width: 0; font-size: 14px; line-height: 20px;
  font-weight: 600; color: #0C1626;
}
.merchant-onboarding .slw-sum-grid { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.merchant-onboarding .slw-sum-f { min-width: 0; }
.merchant-onboarding .slw-sum-f-wide { grid-column: 1 / -1; }
.merchant-onboarding .slw-sum-fk { display: block; font-size: 13px; line-height: 18px; color: rgba(30, 50, 80, .7); }
.merchant-onboarding .slw-sum-fv {
  display: block; margin-top: 2px; font-size: 14px; line-height: 21px;
  font-weight: 600; color: #0C1626; text-wrap: pretty; overflow-wrap: anywhere;
}
.merchant-onboarding .slw-edit {
  flex: none; padding: 0; border: none; background: none; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 600; color: var(--brand-text);
}
.merchant-onboarding .slw-edit:hover { text-decoration: underline; }
.merchant-onboarding .slw-agree { margin-top: 20px; display: flex; align-items: flex-start; gap: 12px; }
.merchant-onboarding .slw-agree .slw-opt-t { font-weight: 500; color: rgba(20, 35, 60, .82); }
.merchant-onboarding .slw-agree a { font-weight: 600; }
.merchant-onboarding .slw-acts { margin-top: 22px; display: flex; justify-content: center; gap: 14px; }
.merchant-onboarding .slw-acts .solo-cta { margin-top: 0; min-width: 172px; justify-content: center; }
.merchant-onboarding { padding-bottom:48px; color:#0C1626; }
.merchant-onboarding [hidden] {display:none!important}
.merchant-onboarding .slw-wrap {max-width:800px}
.merchant-onboarding .slw-acts {flex-wrap:wrap}
.merchant-onboarding .slw-acts .solo-cta {min-width:140px}
.merchant-onboarding .sl-field select {appearance:auto}
.merchant-onboarding .slw-file input {cursor:pointer}
.merchant-onboarding .onboard-file {display:grid;gap:8px}
.merchant-onboarding .onboard-file .slw-edit {justify-self:start}
.merchant-onboarding .onboard-feedback {margin:18px 0 0;color:#B45309;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.merchant-onboarding .onboard-category {padding:0 13px 14px 43px}
.merchant-onboarding .onboard-kicker {display:inline-flex;color:#fff;font-size:13px;font-weight:700;letter-spacing:.08em}
.merchant-onboarding .onboard-art-rows {display:grid;gap:16px;margin:24px 0}
.merchant-onboarding .onboard-art-rows div {display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #e8edf5}
.merchant-onboarding .onboard-art-rows span {font-size:22px;font-weight:700;color:var(--brand-text)}
.merchant-onboarding .onboard-art-rows svg {margin-left:auto;color:var(--brand-text)}
.merchant-onboarding .onboard-steps {grid-template-columns:repeat(4,1fr)}
.merchant-onboarding .onboard-history {margin:26px 0}
.merchant-onboarding .onboard-history h2 {font-size:17px}
.merchant-onboarding .onboard-history article {padding:14px 0;border-bottom:1px solid #e8edf5}
.merchant-onboarding .onboard-history time {display:block;margin-top:5px;font-size:12px;color:#61718a}
.merchant-onboarding .onboard-history p {white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.merchant-onboarding .onboard-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.merchant-onboarding button:disabled {opacity:.6;cursor:wait}
.merchant-onboarding .slw-sum-fv {white-space:pre-wrap}
@media(max-width:1000px) {
 .merchant-onboarding .sl-hero {grid-template-columns:1fr 320px;gap:24px;padding:32px}
 .merchant-onboarding .sl-title {font-size:34px;line-height:1.3}
}
@media(max-width:700px) {
 .merchant-onboarding {padding:0 16px 40px}
 .merchant-onboarding .crumb {margin:16px 0;font-size:12px}
 .merchant-onboarding .sl-hero {grid-template-columns:1fr;gap:26px;padding:28px 24px;border-radius:18px}
 .merchant-onboarding .sl-title {font-size:30px;line-height:1.4}
 .merchant-onboarding .sl-sub {font-size:14px;line-height:1.75}
 .merchant-onboarding .sl-art {padding:18px}
 .merchant-onboarding .sl-sec {margin-top:32px}
 .merchant-onboarding .sl-wants {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .merchant-onboarding .sl-want {min-width:0;padding:14px 10px}
 .merchant-onboarding .sl-want-name {font-size:14px}
 .merchant-onboarding .onboard-steps,.merchant-onboarding .sl-two,.merchant-onboarding .sl-faq {grid-template-columns:1fr}
 .merchant-onboarding .sl-band {padding:24px;flex-direction:column;align-items:flex-start;gap:18px}
 .merchant-onboarding .sl-band-t {font-size:22px}
 .merchant-onboarding .slw-card {padding:26px 20px;border-radius:16px}
 .merchant-onboarding .slw-grid,.merchant-onboarding .slw-sum-grid {grid-template-columns:1fr}
 .merchant-onboarding .slw-title {font-size:26px;line-height:1.4}
 .merchant-onboarding .slw-q {font-size:18px}
 .merchant-onboarding .slw-step,.merchant-onboarding .slw-hint {font-size:12px}
 .merchant-onboarding .slw-acts {gap:8px}
 .merchant-onboarding .slw-acts .solo-cta {min-width:0;flex:1;padding:12px;font-size:13px}
 .merchant-onboarding .sl-field input,.merchant-onboarding .sl-field textarea,.merchant-onboarding .sl-field select {font-size:16px}
 .merchant-onboarding .feat-title {font-size:20px}
 .merchant-onboarding .sl-faq .info-qa {border-top:1px solid #e8edf5}
 .merchant-onboarding .sl-hero-acts {flex-wrap:wrap}
}