:root { --ink: #171717; --muted: #656565; --line: #e4e4e4; --soft: #f5f5f4; --accent: #7656a6; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fafafa; color: var(--ink); font: 16px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
button, input { font: inherit; }
a { color: inherit; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 1180px; margin: auto; padding: 22px 30px; border-bottom: 1px solid var(--line); }
.top > a:last-child { font-size: 13px; font-weight: 750; text-decoration: none; }
.top > a:last-child:hover { text-decoration: underline; }
.brand { text-decoration: none; font-size: 23px; font-weight: 850; letter-spacing: -1px; }
.brand span { color: var(--accent); }
.onboarding { max-width: 1180px; margin: 0 auto 80px; padding: 35px 30px 0; }
.onboarding-progress { margin-bottom: 24px; }
.progress-caption { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 11px; color: var(--muted); font-size: 13px; font-weight: 750; }
.progress-caption strong { color: var(--ink); }
.progress-track { height: 7px; overflow: hidden; border-radius: 999px; background: #e8e8e8; }
.progress-track span { display: block; width: 20%; height: 100%; border-radius: inherit; background: var(--ink); transition: width .25s ease; }
.onboarding-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 24px; align-items: start; }
.stage-card, .journey-card { border: 1px solid var(--line); border-radius: 22px; background: #fff; }
.stage-card { min-height: 580px; padding: clamp(28px, 4vw, 52px); box-shadow: 0 14px 45px rgba(0, 0, 0, .035); }
.wizard-screen[hidden] { display: none; }
.onboarding:not(.is-enhanced) .wizard-screen:not([data-screen="2"]) { display: none; }
.eyebrow, .journey-eyebrow { display: block; color: #626262; font-size: 11px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.eyebrow:before { content: ""; display: inline-block; width: 17px; height: 3px; margin: 0 9px 3px 0; border-radius: 3px; background: var(--accent); }
.wizard-screen h1, .connect-screen h1 { max-width: 630px; margin: 18px 0 17px; font-size: clamp(36px, 4vw, 52px); line-height: 1.12; letter-spacing: -.05em; }
.wizard-screen h1:focus { outline: none; }
.stage-lead { max-width: 600px; margin: 0 0 27px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.mini-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 29px 0; }
.mini-flow > div { min-height: 122px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); }
.mini-flow b { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 14px; border-radius: 8px; background: #fff; font-size: 13px; }
.mini-flow span { display: block; font-size: 13px; font-weight: 750; line-height: 1.35; }
.stage-detail { max-width: 575px; margin: 0 0 30px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.primary-action { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; padding: 12px 21px; border: 1px solid var(--ink); border-radius: 10px; background: var(--ink); color: #fff; font-weight: 800; cursor: pointer; }
.primary-action:hover, .primary-action:focus-visible { background: #333; }
.back-action { min-height: 51px; padding: 11px 16px; border: 1px solid #cecece; border-radius: 10px; background: #fff; color: var(--ink); font-weight: 750; cursor: pointer; }
.back-action:hover, .back-action:focus-visible { background: var(--soft); }
.stage-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.sample-questions { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 15px; }
.sample-choice { padding: 12px 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 750; cursor: pointer; }
.sample-choice[aria-pressed="true"] { border-color: var(--ink); background: var(--soft); }
.sample-choice:hover, .sample-choice:focus-visible { border-color: #888; }
.sample-answer { padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.sample-answer > span { color: #777; font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.sample-answer p { margin: 12px 0 16px; font-size: 16px; line-height: 1.65; }
.sample-answer small { display: block; padding-top: 12px; border-top: 1px solid #e0e0e0; color: var(--muted); font-size: 12px; }
.account-screen .stage-lead { margin-bottom: 20px; }
.account-screen form label, .connect-screen form label { display: block; margin: 15px 0 7px; font-size: 13px; font-weight: 750; }
.account-screen form input:not([type="hidden"]), .connect-screen form input:not([type="hidden"]) { display: block; width: 100%; height: 48px; padding: 0 13px; border: 1px solid #ccc; border-radius: 9px; background: #fff; color: var(--ink); }
.account-screen form input:focus, .connect-screen form input:focus { outline: 2px solid #b8a3d1; outline-offset: 1px; }
.field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.field-help, .fine { color: var(--muted); font-size: 12px; line-height: 1.55; }
.field-help { margin: 8px 0 0; }
.fine { margin: 15px 0 0; }
.account-screen .stage-actions { margin-top: 22px; }
.error { padding: 12px 14px; border: 1px solid #efb4b4; border-radius: 9px; background: #fff4f4; color: #9b2525; font-size: 13px; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.journey-card { padding: 30px 27px; background: #f5f5f4; }
.journey-card h2 { margin: 10px 0 7px; font-size: 24px; line-height: 1.2; letter-spacing: -.035em; }
.journey-card > p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.journey { display: grid; gap: 12px; margin: 29px 0; padding: 0; list-style: none; }
.journey li { display: flex; align-items: center; gap: 12px; color: #858585; font-size: 13px; font-weight: 700; }
.journey li.current { color: var(--ink); }
.journey li.complete { color: #535353; }
.journey b { display: grid; flex: 0 0 32px; place-items: center; width: 32px; height: 32px; border: 1px solid #d5d5d5; border-radius: 9px; background: #fff; font-size: 12px; }
.journey .current b { border-color: var(--ink); background: var(--ink); color: #fff; }
.journey .complete b { color: #fff; background: #626262; border-color: #626262; }
.trial-note { display: grid; gap: 2px; padding: 17px; border: 1px solid #dedede; border-radius: 12px; background: #fff; }
.trial-note strong { font-size: 14px; }
.trial-note span { color: var(--muted); font-size: 12px; }
.connect-screen .stage-lead { margin-bottom: 25px; }
.connect-screen .primary-action { margin-top: 10px; }
.connect-onboarding { padding-top: 24px; }
.connect-onboarding .onboarding-progress { margin-bottom: 18px; }
.connect-onboarding .stage-card { min-height: 0; padding: 30px; }
.connect-onboarding .connect-screen h1 { margin: 13px 0 12px; font-size: clamp(30px, 3vw, 40px); }
.connect-onboarding .stage-lead { margin-bottom: 16px; font-size: 15px; line-height: 1.6; }
.connect-onboarding .connect-help-trigger { width: fit-content; max-width: 100%; margin-bottom: 20px; padding: 8px 11px; font-size: 12px; }
.connect-onboarding .onboarding-layout { align-items: stretch; }
.connect-onboarding .connect-help-mobile { display: none; }
.connect-onboarding .journey-card .connect-help-sidebar { flex-shrink: 0; align-self: flex-start; margin: auto 0 0; }
.connect-fields { display: grid; grid-template-columns: minmax(110px, .75fr) repeat(2, minmax(0, 1fr)); gap: 12px; }
.connect-fields > div { min-width: 0; }
.connect-screen .connect-fields label { margin: 0 0 6px; font-size: 12px; }
.connect-screen .connect-fields input:not([type="hidden"]) { height: 44px; font-size: 14px; }
.connect-submit { display: flex; align-items: center; gap: 18px; margin-top: 20px; }
.connect-submit .primary-action { flex-shrink: 0; min-height: 46px; margin: 0; padding: 10px 16px; font-size: 13px; }
.connect-submit .fine { margin: 0; font-size: 11px; }
.connect-onboarding .journey-card { padding: 24px; }
.connect-onboarding .journey-card h2 { font-size: 21px; }
.connect-onboarding .journey { margin: 22px 0; gap: 10px; }
.connect-help-trigger { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0 0 21px; padding: 12px 14px; border: 1px solid #ded4e9; border-radius: 11px; background: #f7f3fb; color: #573579; font-size: 13px; font-weight: 800; text-align: left; cursor: pointer; }
.connect-help-trigger:hover, .connect-help-trigger:focus-visible { border-color: #987bb4; background: #f1eaf8; }
.connect-help-trigger > span:last-child { margin-left: auto; font-size: 18px; line-height: 1; }
.connect-help-icon { display: grid; flex: 0 0 25px; place-items: center; width: 25px; height: 25px; border-radius: 7px; background: #e9dcf4; font-size: 15px; }
.integration-help-dialog { width: min(620px, calc(100% - 28px)); max-height: min(760px, calc(100dvh - 32px)); padding: clamp(23px, 4vw, 35px); overflow-y: auto; border: 1px solid #e5ddec; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 28px 90px rgba(21, 13, 30, .23); }
.integration-help-dialog::backdrop { background: rgba(26, 20, 32, .62); }
.integration-help-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.integration-help-head > button { display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 1px solid #e1dce5; border-radius: 9px; background: #fff; color: #51485b; font-size: 25px; line-height: 1; cursor: pointer; }
.integration-help-head > button:hover, .integration-help-head > button:focus-visible { background: #f5f1f8; }
.integration-help-dialog h2 { margin: 11px 0 5px; font-size: clamp(26px, 4vw, 34px); line-height: 1.13; letter-spacing: -.045em; }
.integration-help-dialog > p { margin: 0; color: #645d68; font-size: 14px; line-height: 1.55; }
.integration-help-steps { display: grid; gap: 15px; margin: 25px 0; padding: 0; list-style: none; }
.integration-help-steps li { display: flex; align-items: flex-start; gap: 13px; }
.integration-help-steps li > span { display: grid; flex: 0 0 29px; place-items: center; width: 29px; height: 29px; border-radius: 8px; background: #ede5f5; color: #69418b; font-size: 13px; font-weight: 850; }
.integration-help-steps strong { display: block; margin-top: 2px; font-size: 14px; }
.integration-help-steps p { margin: 5px 0 0; color: #625e63; font-size: 13px; line-height: 1.55; }
.integration-help-steps b { color: #332d36; }
.integration-help-dialog > .integration-help-note { padding: 13px 15px; border-radius: 10px; background: #f8f6f3; color: #5c5551; font-size: 12px; }
.integration-help-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; }
.integration-help-actions .integration-contact-link { display: flex; min-height: 43px; flex-direction: column; justify-content: center; padding: 7px 13px; border: 1px solid #b9d9c4; border-radius: 9px; background: #f2faf4; color: #25683c; text-decoration: none; }
.integration-contact-link strong { font-size: 12px; }
.integration-contact-link small { margin-top: 2px; font-size: 10px; }
.integration-help-actions .integration-contact-link:hover, .integration-help-actions .integration-contact-link:focus-visible { border-color: #6da981; background: #e8f6ec; }
.integration-help-actions button { min-height: 43px; padding: 10px 15px; border: 1px solid var(--ink); border-radius: 9px; background: var(--ink); color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; }
.integration-help-actions button:hover, .integration-help-actions button:focus-visible { background: #333; }
@media (max-width: 860px) {
  .connect-onboarding .connect-help-mobile { display: flex; }
  .connect-onboarding .connect-help-sidebar { display: none; }
  .onboarding-layout { grid-template-columns: 1fr; }
  .stage-card { min-height: 0; }
  .journey-card { padding: 24px; }
  .journey { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .journey li { display: grid; gap: 6px; align-content: start; font-size: 11px; }
}
@media (min-width: 861px) {
  .connect-onboarding .connect-screen { display: flex; flex-direction: column; min-height: 434px; }
  .connect-screen form { display: flex; flex: 1; flex-direction: column; }
  .connect-screen .connect-submit { margin-top: auto; padding-top: 20px; }
  .connect-onboarding .journey-card { display: flex; flex-direction: column; }
  .connect-onboarding .journey { margin-bottom: 12px; }
}
@media (max-width: 590px) {
  .top { padding: 17px 20px; }
  .onboarding { padding: 23px 16px 0; margin-bottom: 35px; }
  .progress-caption { font-size: 12px; }
  .stage-card { padding: 27px 22px; border-radius: 17px; }
  .wizard-screen h1, .connect-screen h1 { font-size: clamp(34px, 9vw, 43px); }
  .stage-lead { font-size: 15px; }
  .mini-flow { grid-template-columns: 1fr; gap: 8px; }
  .mini-flow > div { display: flex; align-items: center; gap: 12px; min-height: 0; padding: 12px; }
  .mini-flow b { flex: 0 0 29px; margin: 0; }
  .field-grid { grid-template-columns: 1fr; gap: 0; }
  .stage-actions .primary-action { flex: 1 1 auto; }
  .journey-card { display: none; }
  .integration-help-actions { align-items: stretch; flex-direction: column; }
  .integration-help-actions .integration-contact-link { align-items: center; }
  .integration-help-actions button { width: 100%; }
  .connect-onboarding .stage-card { padding: 24px 20px; }
  .connect-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  .connect-seller-field { grid-column: 1 / -1; }
  .connect-submit { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 17px; }
  .connect-submit .fine { text-align: center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .progress-track span { transition: none; } }
.terms-consent{display:flex!important;align-items:flex-start;gap:10px;margin:18px 0;font-size:13px;line-height:1.65}.terms-consent input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;margin:2px 0;accent-color:#8053b6}.terms-consent a{color:#7650a5;text-decoration:underline}