.onboarding-public {

  min-height: 100vh;

  padding: 28px;

  background:

    radial-gradient(circle at 10% 10%, rgba(22, 125, 107, .12), transparent 34%),

    #f5f7f6;

  color: #15201d;

}

.signup-shell {

  width: min(1180px, 100%);

  min-height: calc(100vh - 56px);

  margin: 0 auto;

  display: grid;

  grid-template-columns: .9fr 1.1fr;

  border: 1px solid rgba(19, 48, 41, .1);

  border-radius: 28px;

  overflow: hidden;

  background: #fff;

  box-shadow: 0 28px 80px rgba(16, 43, 36, .08);

}

.signup-story {

  padding: 48px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  background:

    linear-gradient(160deg, rgba(9, 32, 27, .97), rgba(12, 55, 46, .96)),

    #0d2c25;

  color: #fff;

}

.signup-brand {

  display: inline-flex;

  align-items: center;

  gap: 11px;

  color: #fff;

  text-decoration: none;

  font-family: Manrope, sans-serif;

  font-size: 20px;

}

.signup-brand > span {

  width: 38px;

  height: 38px;

  display: grid;

  place-items: center;

  border-radius: 12px;

  background: #fff;

  color: #167d6b;

  font-weight: 800;

}

.signup-story-copy small,

.signup-form-head > small,

.launch-eyebrow,

.launch-section-head small,

.launch-side-card > small,

.pilot-scope small {

  display: block;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: .16em;

  text-transform: uppercase;

}

.signup-story-copy h1 {

  max-width: 520px;

  margin: 14px 0 18px;

  font: 800 clamp(36px, 5vw, 58px)/1.02 Manrope, sans-serif;

  letter-spacing: -.05em;

}

.signup-story-copy p {

  max-width: 500px;

  margin: 0;

  color: rgba(255, 255, 255, .72);

  font-size: 16px;

  line-height: 1.7;

}

.signup-points {

  display: grid;

  gap: 10px;

}

.signup-points div {

  padding: 13px 0;

  display: flex;

  align-items: center;

  gap: 14px;

  border-top: 1px solid rgba(255, 255, 255, .12);

}

.signup-points b {

  color: rgba(255, 255, 255, .45);

  font-size: 11px;

}

.signup-form-panel {

  padding: 50px clamp(28px, 5vw, 68px);

  overflow: auto;

}

.signup-form-head h2 {

  margin: 8px 0 8px;

  font: 800 32px/1.12 Manrope, sans-serif;

  letter-spacing: -.035em;

}

.signup-form-head p {

  margin: 0;

  color: #6c7874;

}

.signup-form-head a,

.launch-section-head a,

.launch-side-card a {

  color: #167d6b;

  font-weight: 700;

  text-decoration: none;

}

.signup-form {

  margin-top: 32px;

}

.setup-choice-grid,

.signup-grid.two {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 12px;

}

.setup-choice input {

  position: absolute;

  opacity: 0;

  pointer-events: none;

}

.setup-choice-card {

  min-height: 92px;

  padding: 17px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 5px;

  border: 1px solid #dce5e1;

  border-radius: 16px;

  cursor: pointer;

  transition: .18s ease;

}

.setup-choice-card strong {

  font-size: 14px;

}

.setup-choice-card small {

  color: #73807c;

  line-height: 1.45;

}

.setup-choice input:checked + .setup-choice-card {

  border-color: #167d6b;

  box-shadow: 0 0 0 3px rgba(22, 125, 107, .1);

  background: rgba(22, 125, 107, .04);

}

.signup-section {

  margin-top: 28px;

  padding-top: 28px;

  border-top: 1px solid #edf1ef;

}

.signup-section-title {

  margin-bottom: 18px;

  display: flex;

  align-items: center;

  gap: 12px;

}

.signup-section-title > span {

  width: 31px;

  height: 31px;

  display: grid;

  place-items: center;

  border-radius: 10px;

  background: #edf6f3;

  color: #167d6b;

  font-weight: 800;

}

.signup-section-title div {

  display: flex;

  flex-direction: column;

  gap: 2px;

}

.signup-section-title small {

  color: #82908c;

}

.signup-form label:not(.setup-choice) {

  margin-top: 14px;

  display: grid;

  gap: 7px;

}

.signup-form label > span {

  color: #35433f;

  font-size: 12px;

  font-weight: 700;

}

.signup-form label em {

  color: #909b98;

  font-style: normal;

  font-weight: 500;

}

.signup-form input,

.signup-form textarea {

  width: 100%;

  padding: 13px 14px;

  border: 1px solid #d9e1de;

  border-radius: 12px;

  outline: 0;

  background: #fff;

  color: #17211e;

  font: inherit;

}

.signup-form input:focus,

.signup-form textarea:focus {

  border-color: #167d6b;

  box-shadow: 0 0 0 3px rgba(22, 125, 107, .1);

}

.errorlist,

.signup-errors {

  margin: 6px 0 0;

  padding: 0;

  list-style: none;

  color: #b42318;

  font-size: 12px;

}

.signup-submit {

  width: 100%;

  margin-top: 30px;

  padding: 15px 18px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border: 0;

  border-radius: 13px;

  background: #167d6b;

  color: #fff;

  font: 800 14px Manrope, sans-serif;

  cursor: pointer;

}

.signup-footnote {

  margin: 13px 0 0;

  color: #7b8783;

  font-size: 12px;

  line-height: 1.6;

}

.launch-page {

  padding: 34px;

}

.launch-hero {

  padding: 30px;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 26px;

  border: 1px solid var(--border, #e2e8e5);

  border-radius: 22px;

  background: var(--surface, #fff);

}

.launch-hero h1 {

  max-width: 720px;

  margin: 8px 0 10px;

  font: 800 clamp(28px, 4vw, 44px)/1.07 Manrope, sans-serif;

  letter-spacing: -.045em;

}

.launch-hero p {

  max-width: 700px;

  margin: 0;

  color: var(--muted, #6d7774);

  line-height: 1.6;

}

.launch-progress-card {

  min-width: 190px;

  padding: 20px;

  border-radius: 17px;

  background: #102f28;

  color: #fff;

}

.launch-progress-card strong {

  display: block;

  font: 800 28px Manrope, sans-serif;

}

.launch-progress-card span {

  color: rgba(255, 255, 255, .66);

  font-size: 12px;

}

.launch-progress-track {

  height: 7px;

  margin-top: 16px;

  overflow: hidden;

  border-radius: 99px;

  background: rgba(255, 255, 255, .12);

}

.launch-progress-track i {

  height: 100%;

  display: block;

  border-radius: inherit;

  background: #62d0ba;

}

.pilot-banner {

  margin-top: 18px;

  padding: 18px 20px;

  display: grid;

  grid-template-columns: auto 1fr auto;

  align-items: center;

  gap: 18px;

  border: 1px solid rgba(22, 125, 107, .2);

  border-radius: 18px;

  background: rgba(22, 125, 107, .06);

}

.pilot-badge {

  padding: 8px 10px;

  border-radius: 9px;

  background: #167d6b;

  color: #fff;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .1em;

}

.pilot-banner p {

  margin: 4px 0 0;

  color: var(--muted, #68736f);

  font-size: 13px;

}

.pilot-scope {

  text-align: right;

}

.pilot-scope b {

  display: block;

  margin-top: 4px;

}

.launch-grid {

  margin-top: 18px;

  display: grid;

  grid-template-columns: minmax(0, 1fr) 300px;

  gap: 18px;

}

.launch-checklist,

.launch-side-card {

  border: 1px solid var(--border, #e2e8e5);

  border-radius: 20px;

  background: var(--surface, #fff);

}

.launch-checklist {

  padding: 24px;

}

.launch-section-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

}

.launch-section-head h2 {

  margin: 5px 0 0;

  font: 800 22px Manrope, sans-serif;

}

.launch-list {

  margin-top: 20px;

  display: grid;

}

.launch-item {

  padding: 17px 4px;

  display: grid;

  grid-template-columns: auto 1fr auto;

  align-items: center;

  gap: 14px;

  border-top: 1px solid var(--border, #e8edeb);

  color: inherit;

  text-decoration: none;

}

.launch-check {

  width: 34px;

  height: 34px;

  display: grid;

  place-items: center;

  border: 1px solid #dce5e1;

  border-radius: 11px;

  color: #687570;

  font-size: 12px;

  font-weight: 800;

}

.launch-item.done .launch-check {

  border-color: rgba(22, 125, 107, .18);

  background: rgba(22, 125, 107, .1);

  color: #167d6b;

}

.launch-item-copy {

  display: grid;

  gap: 4px;

}

.launch-item-copy strong {

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 14px;

}

.launch-item-copy em {

  padding: 3px 6px;

  border-radius: 6px;

  background: rgba(115, 128, 123, .1);

  color: #77837f;

  font-size: 9px;

  font-style: normal;

  text-transform: uppercase;

  letter-spacing: .08em;

}

.launch-item-copy small {

  color: var(--muted, #77817e);

  line-height: 1.45;

}

.launch-arrow {

  color: #167d6b;

  font-weight: 800;

}

.launch-side {

  display: grid;

  align-content: start;

  gap: 18px;

}

.launch-side-card {

  padding: 21px;

}

.launch-side-card h3 {

  margin: 7px 0 18px;

  font: 800 21px Manrope, sans-serif;

}

.launch-side-card dl {

  margin: 0;

  display: grid;

  gap: 10px;

}

.launch-side-card dl div {

  display: flex;

  justify-content: space-between;

  gap: 12px;

}

.launch-side-card dt {

  color: var(--muted, #7a8581);

  font-size: 12px;

}

.launch-side-card dd {

  margin: 0;

  font-size: 12px;

  font-weight: 700;

  text-align: right;

}

.launch-side-card.muted p {

  color: var(--muted, #6f7a76);

  font-size: 13px;

  line-height: 1.6;

}

[data-theme="dark"] .onboarding-public {

  background:

    radial-gradient(circle at 10% 10%, rgba(22, 125, 107, .15), transparent 34%),

    #0c1110;

  color: #edf4f1;

}

[data-theme="dark"] .signup-shell,

[data-theme="dark"] .signup-form-panel {

  background: #111816;

}

[data-theme="dark"] .signup-form input,

[data-theme="dark"] .signup-form textarea {

  border-color: #293632;

  background: #0d1311;

  color: #eef5f2;

}

[data-theme="dark"] .signup-section {

  border-color: #25302d;

}

[data-theme="dark"] .setup-choice-card {

  border-color: #2a3733;

}

[data-theme="dark"] .signup-form label > span,

[data-theme="dark"] .signup-form-head h2 {

  color: #eef5f2;

}

@media (max-width: 900px) {

  .signup-shell,

  .launch-grid {

    grid-template-columns: 1fr;

  }

  .signup-story {

    min-height: 420px;

  }

  .pilot-banner {

    grid-template-columns: 1fr;

  }

  .pilot-scope {

    text-align: left;

  }

}

@media (max-width: 620px) {

  .onboarding-public,

  .launch-page {

    padding: 14px;

  }

  .signup-shell {

    border-radius: 20px;

  }

  .signup-story,

  .signup-form-panel {

    padding: 28px 22px;

  }

  .setup-choice-grid,

  .signup-grid.two {

    grid-template-columns: 1fr;

  }

  .launch-hero {

    padding: 22px;

    align-items: stretch;

    flex-direction: column;

  }

  .launch-progress-card {

    min-width: 0;

  }

}

/* Serviq onboarding refinement v2 */

.onboarding-public {

  min-height: 100vh;

  padding: 22px;

  background:

    radial-gradient(circle at 12% 8%, rgba(22, 125, 107, .12), transparent 32%),

    #f5f7f6;

  color: #15201d;

}

.signup-shell-v2 {

  width: min(1240px, 100%);

  min-height: calc(100vh - 44px);

  margin: 0 auto;

  display: grid;

  grid-template-columns: minmax(360px, .82fr) minmax(600px, 1.18fr);

  overflow: hidden;

  border: 1px solid rgba(19, 48, 41, .1);

  border-radius: 26px;

  background: #fff;

  box-shadow: 0 28px 80px rgba(16, 43, 36, .08);

}

.signup-story-v2 {

  min-height: 720px;

  padding: 42px;

}

.signup-form-panel-v2 {

  padding: 38px clamp(34px, 4vw, 58px) 40px;

  overflow: visible;

}

.signup-form-v2 {

  margin-top: 24px;

}

.signup-form-head h2 {

  max-width: 620px;

  margin: 6px 0;

  font-size: clamp(28px, 3vw, 36px);

}

.setup-choice-grid-v2 {

  gap: 14px;

}

.setup-choice-card {

  min-height: 96px;

  padding: 16px;

  display: grid;

  grid-template-columns: 42px 1fr;

  align-items: center;

  gap: 13px;

}

.setup-choice-icon {

  width: 40px;

  height: 40px;

  display: grid;

  place-items: center;

  border-radius: 12px;

  background: #eef5f2;

  color: #167d6b;

  font: 800 11px Manrope, sans-serif;

}

.setup-choice input:checked + .setup-choice-card .setup-choice-icon {

  background: #167d6b;

  color: #fff;

}

.pilot-context {

  margin-top: 14px;

  padding: 13px 14px;

  display: grid;

  grid-template-columns: auto 1fr;

  align-items: center;

  gap: 12px;

  border: 1px solid rgba(22, 125, 107, .17);

  border-radius: 13px;

  background: rgba(22, 125, 107, .055);

}

.pilot-context[hidden] {

  display: none;

}

.pilot-context-badge {

  padding: 6px 8px;

  border-radius: 8px;

  background: #167d6b;

  color: #fff;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .09em;

}

.pilot-context div {

  display: grid;

  gap: 2px;

}

.pilot-context strong {

  font-size: 12px;

}

.pilot-context small {

  color: #73807c;

  line-height: 1.45;

}

.signup-section {

  margin-top: 22px;

  padding-top: 22px;

}

.signup-section-title {

  margin-bottom: 12px;

}

.signup-form label:not(.setup-choice) {

  margin-top: 11px;

}

.signup-form input,

.signup-form textarea {

  padding: 11px 13px;

  border-radius: 11px;

}

.signup-grid-address {

  align-items: end;

}

.signup-grid-address textarea {

  min-height: 46px;

  resize: vertical;

}

.signup-submit {

  margin-top: 24px;

}

.signup-footnote {

  margin-top: 10px;

}

.signup-story-copy h1 {

  max-width: 500px;

  font-size: clamp(34px, 4.6vw, 54px);

}

.signup-story-copy p {

  max-width: 470px;

}

@media (min-width: 1100px) {

  .signup-form-v2 .signup-section:nth-of-type(2),

  .signup-form-v2 .signup-section:nth-of-type(3) {

    max-width: 100%;

  }

}

[data-theme="dark"] .pilot-context {

  border-color: rgba(98, 208, 186, .18);

  background: rgba(22, 125, 107, .09);

}

[data-theme="dark"] .setup-choice-icon {

  background: #1a2824;

}

@media (max-width: 980px) {

  .signup-shell-v2 {

    grid-template-columns: 1fr;

  }

  .signup-story-v2 {

    min-height: 430px;

  }

}

@media (max-width: 680px) {

  .onboarding-public {

    padding: 12px;

  }

  .signup-form-panel-v2,

  .signup-story-v2 {

    padding: 28px 22px;

  }

  .setup-choice-grid-v2,

  .signup-grid.two {

    grid-template-columns: 1fr;

  }

  .pilot-context {

    grid-template-columns: 1fr;

  }

}

/* =========================================================
   SETUP & OWNERSHIP V3
   ========================================================= */
.setup-v3{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:30px 0 44px}
.setup-v3-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:28px;padding:26px 28px;border:1px solid var(--border,#e2e8e5);border-radius:20px;background:var(--surface,#fff)}
.setup-v3-kicker-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.setup-v3-kicker{display:block;color:#697772;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.setup-v3-mode,.setup-v3-status{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:rgba(22,125,107,.08);color:#167d6b;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.setup-v3-mode.verified,.setup-v3-status.success{background:rgba(25,135,84,.1);color:#157347}
.setup-v3-hero h1{margin:7px 0 5px;font:800 clamp(27px,3vw,38px)/1.08 Manrope,sans-serif;letter-spacing:-.04em}
.setup-v3-hero p{max-width:760px;margin:0;color:var(--muted,#6d7874);line-height:1.55}
.setup-v3-progress{padding:17px;border-radius:15px;background:#10362d;color:#fff}
.setup-v3-progress strong{display:block;font:800 20px Manrope,sans-serif}
.setup-v3-progress span{display:block;margin-top:2px;color:rgba(255,255,255,.65);font-size:11px}
.setup-v3-progress progress{width:100%;height:6px;margin-top:12px;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.14);appearance:none}
.setup-v3-progress progress::-webkit-progress-bar{background:rgba(255,255,255,.14)}
.setup-v3-progress progress::-webkit-progress-value,.setup-v3-progress progress::-moz-progress-bar{background:#62d0ba}
.setup-v3-layout{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}
.setup-v3-main,.setup-v3-side{display:grid;gap:16px}
.setup-v3-card{border:1px solid var(--border,#e2e8e5);border-radius:18px;background:var(--surface,#fff)}
.ownership-v3,.checklist-v3{padding:22px}
.setup-v3-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}
.setup-v3-card-head h2{margin:5px 0;font:800 20px/1.2 Manrope,sans-serif;letter-spacing:-.025em}
.setup-v3-card-head p{max-width:720px;margin:0;color:var(--muted,#6e7975);font-size:13px;line-height:1.55}
.setup-v3-owner-form{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.setup-v3-owner-form label,.setup-v3-share{display:grid;gap:6px}
.setup-v3-owner-form label>span,.setup-v3-share>label{font-size:12px;font-weight:700}
.setup-v3-owner-form input,.setup-v3-share input{width:100%;min-height:44px;padding:0 13px;border:1px solid var(--border,#d9e2de);border-radius:11px;outline:0;background:var(--surface,#fff);color:inherit;font:inherit}
.setup-v3-owner-form input:focus,.setup-v3-share input:focus{border-color:#167d6b;box-shadow:0 0 0 3px rgba(22,125,107,.09)}
.setup-v3-owner-form small,.setup-v3-share small{color:var(--muted,#7b8682);font-size:11px}
.setup-v3-owner-form button,.setup-v3-share button{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:11px;background:#167d6b;color:#fff;font:800 12px Manrope,sans-serif;cursor:pointer}
.setup-v3-facts{margin-top:17px;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:9px}
.setup-v3-facts>div{padding:12px 13px;border:1px solid var(--border,#e2e8e5);border-radius:12px}
.setup-v3-facts small{display:block;margin-bottom:4px;color:var(--muted,#7c8783);font-size:9px;font-weight:800;letter-spacing:.1em}
.setup-v3-facts strong{font-size:12px}
.setup-v3-share{margin-top:13px}
.setup-v3-share>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.setup-v3-inline-form{margin-top:10px}
.setup-v3-danger-link{padding:0;border:0;background:none;color:#b42318;font:700 11px DM Sans,sans-serif;cursor:pointer}
.setup-v3-state{margin-top:16px;padding:13px 14px;display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;border:1px solid rgba(22,125,107,.14);border-radius:12px;background:rgba(22,125,107,.045)}
.setup-v3-state.success{border-color:rgba(25,135,84,.15);background:rgba(25,135,84,.05)}
.setup-v3-state-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(22,125,107,.1);color:#167d6b;font-weight:800}
.setup-v3-state p{margin:3px 0 0;color:var(--muted,#6e7975);font-size:12px;line-height:1.5}
.setup-v3-text-link{color:#167d6b;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.checklist-v3-list{margin-top:14px;display:grid}
.checklist-v3-item{min-height:66px;padding:10px 2px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--border,#e8edeb);color:inherit;text-decoration:none}
.checklist-v3-item:first-child{border-top:0}
.checklist-v3-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border,#dce5e1);border-radius:10px;color:#67746f;font-size:11px;font-weight:800}
.checklist-v3-item.done .checklist-v3-number{border-color:rgba(22,125,107,.16);background:rgba(22,125,107,.09);color:#167d6b}
.checklist-v3-copy{display:grid;gap:3px}
.checklist-v3-copy strong{display:flex;align-items:center;gap:7px;font-size:13px}
.checklist-v3-copy em{padding:2px 6px;border-radius:999px;background:rgba(110,122,117,.08);color:#78847f;font-size:8px;font-style:normal;letter-spacing:.07em;text-transform:uppercase}
.checklist-v3-copy small{color:var(--muted,#7a8581);font-size:11px}
.checklist-v3-arrow{color:#167d6b;font-weight:800}
.scope-v3,.setup-v3-note{padding:18px}
.scope-v3 h3{margin:7px 0 15px;font:800 18px/1.25 Manrope,sans-serif}
.scope-v3 dl{margin:0;display:grid}
.scope-v3 dl div{padding:8px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border,#edf1ef)}
.scope-v3 dt{color:var(--muted,#7b8682);font-size:11px}
.scope-v3 dd{margin:0;font-size:11px;font-weight:700;text-align:right}
.setup-v3-note strong{display:block;margin-top:8px;font-size:13px}
.setup-v3-note p{margin:6px 0 0;color:var(--muted,#6e7975);font-size:11px;line-height:1.55}
.setup-v3-open{min-height:46px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#167d6b;color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.ownership-standalone-body{margin:0;min-width:320px;font-family:"DM Sans",sans-serif}
@media(max-width:1050px){.setup-v3-layout{grid-template-columns:1fr}.setup-v3-side{grid-template-columns:1fr 1fr}.setup-v3-open{grid-column:1/-1}}
@media(max-width:760px){.setup-v3{width:min(100% - 24px,1280px);padding-top:18px}.setup-v3-hero,.setup-v3-layout,.setup-v3-side,.setup-v3-owner-form,.setup-v3-facts{grid-template-columns:1fr}.setup-v3-card-head{display:grid}}
@media(max-width:520px){.setup-v3-hero,.ownership-v3,.checklist-v3,.scope-v3,.setup-v3-note{padding:17px}.setup-v3-share>div{grid-template-columns:1fr}.checklist-v3-copy small{display:none}}