/* Questionnaire only: quiet layout matched to the supplied AiApply references.
   The landing and the rest of the application keep their own styles. */
.onboarding-flow {
  --ink:#131927;
  --muted:#566173;
  --wash:#f3f4f7;
  --line:#e5e7eb;
  --light-blue:#edf4fc;
  font-family:Inter,Arial,sans-serif;
  color:var(--ink);
  background:var(--wash);
  line-height:1.5;
}
.onboarding-flow .onboarding-header {
  width:min(700px,calc(100% - 32px));
  min-height:40px;
  padding:0;
  margin:8px auto 0;
  gap:12px;
}
.onboarding-flow .brand {gap:5px;font-size:18px;letter-spacing:-.6px;color:var(--blue)}
.onboarding-flow .brand img {width:27px;height:27px}
.onboarding-flow .back-link {font-size:12px;gap:1px;min-height:40px}
.onboarding-flow .back-link svg {width:14px;height:14px}
.onboarding-flow .journey-progress {width:min(680px,calc(100% - 32px));margin:18px auto 0}
.onboarding-flow .journey-progress ol {gap:6px;align-items:center}
.onboarding-flow .journey-progress li {display:flex;align-items:center;gap:7px}
.onboarding-flow .journey-progress .progress-end {flex:0 0 13px}
.onboarding-flow .progress-node {width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#dbe7f6}
.onboarding-flow .current .progress-node {background:var(--blue)}
.onboarding-flow .done .progress-node {background:transparent;color:var(--blue)}
.onboarding-flow .progress-node svg {display:block;width:15px;height:15px;stroke-width:3}
.onboarding-flow .progress-track {flex:1;height:8px;background:#dbe7f6;position:relative}
.onboarding-flow .done .progress-track {background:var(--blue)}
.onboarding-flow .current .progress-track {background:linear-gradient(to right,var(--blue) var(--group-progress),#dbe7f6 var(--group-progress))}
.onboarding-flow .current .progress-track::after {content:'';position:absolute;top:1px;left:clamp(0px,calc(var(--group-progress) - 6px),calc(100% - 6px));width:6px;height:6px;border-radius:50%;background:white;border:1px solid var(--blue)}
.onboarding-flow .progress-meta {display:block;text-align:center;margin-top:10px;font-size:11px;color:var(--ink)}
.onboarding-flow .progress-meta>span:first-child {visibility:visible;color:var(--ink);font-weight:400}
.onboarding-flow .step-main {width:min(600px,calc(100% - 36px));margin:30px auto 38px;flex:1}
.onboarding-flow .step-main h1 {font-size:36px;line-height:1.28;letter-spacing:-1.05px;font-weight:500;text-wrap:balance}
.onboarding-flow .step-subtitle {font-size:17px;line-height:1.6;margin:14px auto 0;max-width:500px;color:var(--muted)}
.onboarding-flow .step-form {margin-top:28px}
.onboarding-flow .choice-list {gap:10px;grid-template-columns:1fr}
.onboarding-flow .choice-card {min-height:64px;border:1px solid transparent;border-radius:14px;box-shadow:none;padding:16px 20px;gap:14px;background:#fff;transition:background .12s,border-color .12s}
.onboarding-flow .choice-card>span {font-size:20px;font-weight:400;line-height:1.35}
.onboarding-flow .choice-card input {width:22px;height:22px;flex-basis:22px}
.onboarding-flow .choice-card input[type=checkbox] {appearance:none;border:1px solid #cdd3df;border-radius:5px;background:transparent;display:grid;place-content:center}
.onboarding-flow .choice-card input[type=checkbox]:checked {background:var(--blue);border-color:var(--blue)}
.onboarding-flow .choice-card input[type=checkbox]:checked::after {content:'';width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:translateY(-1px) rotate(-45deg)}
.onboarding-flow .choice-card:has(input:checked) {border-color:var(--blue);background:var(--light-blue);box-shadow:none}
.onboarding-flow .choice-card:hover {border-color:#a4c2e5}
.onboarding-flow .is-single .choice-card {justify-content:center;text-align:center}
.onboarding-flow .choice-submit {font:inherit;color:inherit;width:100%}
.onboarding-flow .choice-submit[aria-pressed=true] {border-color:var(--blue);background:var(--light-blue)}
.onboarding-flow .choice-submit:focus-visible {outline:2px solid var(--blue);outline-offset:3px}
.onboarding-flow [aria-busy=true] .choice-submit {pointer-events:none}
.onboarding-flow .is-single input {position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.onboarding-flow .is-binary {grid-template-columns:1fr 1fr;gap:10px}
.onboarding-flow .statement-card {max-width:440px;margin:30px auto 26px;padding:44px 30px;border:1px solid #e1e3e7;border-radius:22px 22px 22px 6px;box-shadow:0 1px 1px #00000004;font-size:26px;line-height:1.28;font-weight:400;text-wrap:balance}
.onboarding-flow .step-statement .step-form {margin-top:0}
.onboarding-flow .step-footer {padding:20px 20px max(32px,env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--wash) 72%,#f3f4f700);margin-top:auto}
.onboarding-flow .continue-button {width:min(560px,100%);min-height:58px;padding:14px 24px;font-size:18px;font-weight:600;border-radius:30px;box-shadow:none;border:1px solid var(--blue)}
.onboarding-flow .continue-button:disabled {background:#cdced0;border-color:#cdced0;color:#737478}
.onboarding-flow .continue-button[hidden] {display:none}
.onboarding-flow .step-footer:has([data-review-continue]) {min-height:110px}
.onboarding-flow .step-footer p {font-size:11px;margin-top:8px}
.onboarding-flow .step-illustrated,.onboarding-flow .step-matching,.onboarding-flow .step-review,.onboarding-flow .step-chart {display:flex;flex-direction:column;justify-content:center;text-align:center;margin-top:28px;margin-bottom:36px}
.onboarding-flow .step-illustrated {margin-top:22px;margin-bottom:24px}
.onboarding-flow .narrative-illustration {position:relative;width:min(420px,100%);width:min(420px,100%,46svh);aspect-ratio:900 / 491;margin:0 auto 16px;flex-shrink:0;filter:hue-rotate(-38deg);mix-blend-mode:multiply}
.onboarding-flow .narrative-illustration img {display:block;width:100%;height:auto;object-fit:contain}
.onboarding-flow .step-illustrated h1 {max-width:560px;margin-left:auto;margin-right:auto;font-size:32px;line-height:1.22}
.onboarding-flow .step-illustrated .step-form {margin-top:10px}
.onboarding-flow .interstitial-copy {font-size:17px;line-height:1.6;max-width:500px;margin:0 auto;font-weight:400;text-wrap:pretty}
.onboarding-flow .benefit-list {margin:12px auto 0;gap:10px;width:min(500px,100%)}
.onboarding-flow .benefit-list li {gap:11px;font-size:18px;line-height:1.32;align-items:flex-start}
.onboarding-flow .benefit-list li>span {background:none;border:0;border-radius:0;width:22px;height:auto;display:block;color:var(--ink);font-size:18px}
.onboarding-flow .benefit-list strong {font-weight:400;font-size:18px}
.onboarding-flow .benefit-list svg {width:20px;height:20px}
.onboarding-flow .explain-list {margin-top:24px}
.onboarding-flow:has(.step-illustrated) .step-footer {position:static;padding-top:14px}
.onboarding-flow .iceberg-public,.onboarding-flow .iceberg-other {position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:500 clamp(10px,1.35vw,14px)/1.2 Arial,sans-serif;letter-spacing:0}
.onboarding-flow .iceberg-public {left:43%;top:24%;width:16%;height:10%;background:white;color:#111}
.onboarding-flow .iceberg-other {left:40%;top:50%;width:23%;height:16%;background:rgb(97,86,250);color:white;font-weight:400}
.onboarding-flow .illustration-iceberg {margin-top:24px;margin-bottom:0}
.onboarding-flow .illustration-3x-more:not(.illustration-reference-copy)::after {content:'';position:absolute;left:68%;top:40%;width:22%;height:27%;background:white}
.onboarding-flow .momentum-card {background:none;border:0;border-radius:0;padding:0}
.onboarding-flow .metric-description {font-size:17px;line-height:1.6;text-align:center;max-width:500px;margin:0 auto}
.onboarding-flow .momentum-chart {margin-top:28px}
.onboarding-flow .chart-grid path {stroke:#e8ebf0}
.onboarding-flow .chart-labels {fill:#8792a2;font-size:11px}
.onboarding-flow .chart-disclaimer {border:0;font-size:11px;line-height:1.5;justify-content:center;margin:16px auto 0;padding:0;max-width:440px}
.onboarding-flow .chart-disclaimer svg {display:none}
.onboarding-flow .salary-card {--salary-progress:0%;padding:24px 28px 26px;background:white;border:0;border-radius:26px}
.onboarding-flow .salary-card-top {font-size:12px}
.onboarding-flow .currency-badge {font-size:13px;padding:7px 12px;background:#f7f8fa;color:var(--ink)}
.onboarding-flow .salary-slider-stage {position:relative;padding-top:70px}
.onboarding-flow .salary-output {position:absolute;top:5px;left:clamp(60px,var(--salary-progress),calc(100% - 60px));transform:translateX(-50%);min-width:116px;padding:10px 14px;border:1px solid #dfe3e9;border-radius:17px;background:white;box-shadow:0 3px 8px #11172418;color:var(--ink);font-size:25px;font-weight:500;line-height:1;white-space:nowrap;text-align:center}
.onboarding-flow .salary-range {-webkit-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:0;background:transparent;cursor:pointer}
.onboarding-flow .salary-range::-webkit-slider-runnable-track {height:8px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--blue) 0 var(--salary-progress),#dce8f6 var(--salary-progress) 100%)}
.onboarding-flow .salary-range::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-11px;border:4px solid white;border-radius:50%;background:var(--blue);box-shadow:0 2px 6px #1117242e}
.onboarding-flow .salary-range::-moz-range-track {height:8px;border:0;border-radius:999px;background:#dce8f6}
.onboarding-flow .salary-range::-moz-range-progress {height:8px;border-radius:999px;background:var(--blue)}
.onboarding-flow .salary-range::-moz-range-thumb {width:22px;height:22px;border:4px solid white;border-radius:50%;background:var(--blue);box-shadow:0 2px 6px #1117242e}
.onboarding-flow .salary-range:focus-visible {outline:none}
.onboarding-flow .salary-range:focus-visible::-webkit-slider-thumb {box-shadow:0 0 0 4px #0966c22b,0 2px 6px #1117242e}
.onboarding-flow .salary-range:focus-visible::-moz-range-thumb {box-shadow:0 0 0 4px #0966c22b,0 2px 6px #1117242e}
.onboarding-flow .range-labels {margin-top:6px;font-size:13px}
.onboarding-flow .salary-note {font-size:12px;line-height:1.5;margin:16px 0 0}
.onboarding-flow .location-search {margin-top:28px;background:white;padding:20px 20px 0;border-radius:24px 24px 0 0}
.onboarding-flow .location-search label {position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}
.onboarding-flow .search-input-wrap {border-color:var(--line);border-radius:10px;padding:1px 6px 1px 10px;gap:8px}
.onboarding-flow .search-input-wrap input {font-size:16px;padding:14px 0}
.onboarding-flow .search-input-wrap input:focus,.onboarding-flow .search-input-wrap input:focus-visible {outline:none;box-shadow:none}
.onboarding-flow .search-input-wrap:focus-within {border-color:#8d98a8;box-shadow:none}
.onboarding-flow .position-input-row input:focus-visible,.onboarding-flow .contact-card input:focus-visible {outline:1px solid #8d98a8;outline-offset:1px}
.onboarding-flow .search-submit {background:none;color:var(--muted);width:34px;min-height:36px}
.onboarding-flow .step-locations .step-form {margin-top:0}
.onboarding-flow .location-picker {border:0;border-radius:0 0 24px 24px;padding:18px 20px 20px;box-shadow:0 1px 2px #00000008}
.onboarding-flow .selected-heading {font-size:14px}
.onboarding-flow .selected-heading strong {font-weight:500}
.onboarding-flow .location-chip {border-radius:20px;border-color:#c8ddf5;background:#f7faff;font-size:14px;padding:7px 10px;gap:5px}
.onboarding-flow .location-chip input {width:15px;height:15px}
.onboarding-flow .location-option {padding:11px 4px;gap:9px}
.onboarding-flow .location-option span {font-size:16px}
.onboarding-flow .location-option small {font-size:13px}
.onboarding-flow .location-status,.onboarding-flow .location-help {font-size:13px;line-height:1.5}
.onboarding-flow .position-picker {border:0;border-radius:25px;padding:24px;min-height:244px}
.onboarding-flow .position-picker label {font-size:15px;font-weight:400}
.onboarding-flow .position-input-row input {font-size:16px;min-height:50px}
.onboarding-flow .position-add {flex-basis:50px;background:var(--light-blue);color:var(--blue)}
.onboarding-flow .position-hint,.onboarding-flow .position-count,.onboarding-flow #position-suggestion-status {font-size:13px;line-height:1.5}
.onboarding-flow .position-suggestion-section {margin-top:18px;padding-top:16px}
.onboarding-flow .position-suggestion-section h2 {font-size:16px;font-weight:500}
.onboarding-flow .position-chips li {font-size:14px;border-radius:20px;padding-left:10px;background:#f7faff}
.onboarding-flow .position-suggestion {font-size:14px;border-radius:18px;padding:7px 10px}
.onboarding-flow .honesty-note {font-size:11px;line-height:1.5;max-width:440px;margin:18px auto 0}
.onboarding-flow .matching-comparison {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px auto 0;text-align:center;width:100%}
.onboarding-flow .matching-comparison section {border:0;background:none;padding:0;border-radius:0}
.onboarding-flow .matching-comparison h2 {font-size:20px;font-weight:500;letter-spacing:-.35px;margin-bottom:16px}
.onboarding-flow .match-examples {display:grid;gap:9px;padding:0;margin:0;list-style:none}
.onboarding-flow .match-examples li {min-height:42px;border-radius:25px;background:#ecd055;display:flex;align-items:center;gap:9px;padding:10px 14px;font-size:14px;white-space:nowrap}
.onboarding-flow .match-examples .match-low {background:#e46b6b;color:white}
.onboarding-flow .match-examples.match-personal li {background:var(--blue);color:white}
.onboarding-flow .match-bar {height:6px;flex:1;min-width:0;border-radius:10px;background:#ffffff70;overflow:hidden}
.onboarding-flow .match-bar i {display:block;height:100%;width:var(--match);background:#aa8a17;border-radius:10px}
.onboarding-flow .match-low .match-bar i {background:#b53737}
.onboarding-flow .match-personal .match-bar i {background:#d4eaff}
.onboarding-flow .profile-review-progress {width:auto;height:auto;border:0;background:none;margin:24px auto;border-radius:0}
.onboarding-flow .profile-review-progress::before {content:none}
.onboarding-flow .profile-review-progress strong {font-size:56px;font-weight:700;line-height:1.2}
.onboarding-flow .profile-review-progress strong span {font-size:56px;margin-left:0}
.onboarding-flow .review-checks {max-width:370px;width:100%;gap:8px}
.onboarding-flow .review-checks li {padding:13px 16px;border-radius:13px;font-size:14px;gap:10px;border:1px solid #e1e3e7;box-shadow:0 1px 1px #00000004}
.onboarding-flow .review-stage-icon {display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border:1px solid #d4d9e0;border-radius:50%;background:transparent}
.onboarding-flow .review-stage-icon svg {width:11px;height:11px;color:white;visibility:hidden;stroke-width:3}
.onboarding-flow .is-current .review-stage-icon {border-color:var(--blue)}
.onboarding-flow .is-complete .review-stage-icon {background:#35b981;border-color:#35b981}
.onboarding-flow .is-complete .review-stage-icon svg {visibility:visible}
.onboarding-flow .review-state {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.onboarding-flow .step-review .step-subtitle {font-size:12px;max-width:420px}
.onboarding-flow .contact-card {border:0;background:none;padding:0;margin-top:24px;border-radius:0}
.onboarding-flow .contact-card label {font-size:15px;font-weight:400}
.onboarding-flow .contact-card input {background:white;min-height:58px;font-size:17px;border:1px solid var(--line);border-radius:12px}
.onboarding-flow .contact-card p {font-size:11px;line-height:1.5;gap:7px;margin-top:14px}
.onboarding-flow .contact-card svg {width:13px;height:13px}
.onboarding-flow .step-contact {width:min(660px,calc(100% - 36px))}
.onboarding-flow .step-contact h1 {max-width:24ch;margin-left:auto;margin-right:auto}
.onboarding-flow .contact-card {max-width:600px;margin-left:auto;margin-right:auto}
.onboarding-flow .contact-card>label {font-size:17px;color:var(--ink)}
.onboarding-flow .contact-email-input {position:relative}
.onboarding-flow .contact-email-input>svg {position:absolute;left:17px;top:18px;width:21px;height:21px;color:#929baa;margin:0}
.onboarding-flow .contact-email-input input {padding-left:50px;font-size:19px;min-height:60px}
.onboarding-flow .contact-consents {display:grid;gap:19px;margin-top:25px}
.onboarding-flow .contact-consent-row {display:flex;align-items:flex-start;gap:13px}
.onboarding-flow .contact-consent-row input {appearance:auto;accent-color:var(--blue);flex:0 0 23px;width:23px;height:23px;min-height:23px;padding:0;margin:3px 0 0;border-radius:5px;cursor:pointer}
.onboarding-flow .contact-consent-row label {font-size:16px;line-height:1.65;color:var(--ink);margin:0;cursor:pointer}
.onboarding-flow .contact-consent-row a {color:var(--blue);text-underline-offset:3px}
.onboarding-flow .contact-optional {font-size:12px;color:var(--muted)}
.onboarding-flow .contact-required {color:#d33956;margin-left:2px}
.onboarding-flow .contact-privacy {display:flex;align-items:flex-start;gap:13px;margin-top:24px;padding:17px 19px;background:#eefbf4;border:1px solid #b5edcf;border-radius:15px;color:#27694f}
.onboarding-flow .contact-privacy>svg {width:21px;height:21px;flex-shrink:0;color:inherit;margin-top:3px}
.onboarding-flow .contact-privacy p {display:block;margin:0;font-size:15px;line-height:1.6;color:inherit;text-align:center}
.onboarding-flow .profile-summary {border:0;border-radius:22px;padding:0 20px}
.onboarding-flow .summary-row {padding:18px 0;font-size:16px}
.onboarding-flow .summary-label {font-size:11px;margin-bottom:6px}
.onboarding-flow .summary-row strong,.onboarding-flow .summary-positions {font-weight:500}
.onboarding-flow .summary-row>a {font-size:11px}
.onboarding-flow .step-checkout {width:min(640px,calc(100% - 36px))}
.onboarding-flow .checkout-notice {background:none;border:0;padding:0;gap:8px;font-size:12px;line-height:1.5}
.onboarding-flow .checkout-notice strong {font-weight:500}
.onboarding-flow .checkout-notice svg {width:16px;height:16px}
.onboarding-flow .checkout-plans {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.onboarding-flow .checkout-plan {border-radius:14px;padding:16px;gap:10px}
.onboarding-flow .checkout-plan:has(input:checked) {box-shadow:none}
.onboarding-flow .checkout-plan input {right:14px;top:18px;width:18px;height:18px}
.onboarding-flow .plan-heading {font-size:16px}
.onboarding-flow .plan-quota {font-size:25px;font-weight:500}
.onboarding-flow .plan-quota small,.onboarding-flow .plan-tagline {font-size:12px}
.onboarding-flow .plan-price {font-size:12px;font-weight:500}
.onboarding-flow .checkout-recap {margin-top:22px;padding-top:22px}
.onboarding-flow .checkout-recap h2 {font-size:18px;font-weight:500}
.onboarding-flow .checkout-recap li,.onboarding-flow .checkout-recap>p {font-size:13px}
.onboarding-flow .step-before_after {width:min(760px,calc(100% - 36px));display:flex;flex-direction:column;justify-content:center}
.onboarding-flow .step-before_after .step-form {margin-top:0}
.onboarding-flow .before-after-comparison,.onboarding-flow .results-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.onboarding-flow .before-after-card {position:relative;aspect-ratio:332 / 257;isolation:isolate;container-type:inline-size;border-radius:16px;overflow:hidden;background:#e1e2e5}
.onboarding-flow .after-card {background:#e2e0f4}
.onboarding-flow .before-after-photo {position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden;z-index:-1}
.onboarding-flow .after-card .before-after-photo {width:48%}
.onboarding-flow .before-after-photo img {display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}
.onboarding-flow .after-card .before-after-photo {background:linear-gradient(180deg,#b9bdc0 0 8%,#adafb0 92% 100%)}
.onboarding-flow .after-card .before-after-photo::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,#b9bdc0 0%,rgba(185,189,192,0) 14%,rgba(173,175,176,0) 86%,#adafb0 100%);pointer-events:none}
.onboarding-flow .after-card .before-after-photo img {position:absolute;left:-7%;top:50%;width:114%;height:auto;object-fit:contain;transform:translateY(-50%)}
.onboarding-flow .before-after-badge {position:absolute;left:4%;top:5%;border-radius:20px;background:#282828;color:white;font-size:10px;font-weight:600;margin:0;padding:3px 10px}
.onboarding-flow .after-card .before-after-badge {background:var(--blue)}
.onboarding-flow .before-after-copy {position:absolute;left:49.7%;top:0;width:50.3%;height:100%;padding:34px 14px 14px 17px;border-radius:0 16px 16px 0;background:linear-gradient(135deg,#e8e9eb 0%,#e1e2e5 72%);box-shadow:inset 1px 0 rgba(255,255,255,.55);color:#3f4855;font-size:12px;font-size:3.55cqw;line-height:1.42;display:flex;flex-direction:column;justify-content:center}
.onboarding-flow .after-card .before-after-copy {left:48%;width:52%;padding:24px 10px 10px 12px;background:linear-gradient(135deg,#efeeff 0%,#e2e0f4 72%);font-size:clamp(10px,3cqw,11.5px);line-height:1.34}
.onboarding-flow .before-after-copy ul {list-style:none;margin:12px 0 0;padding:0}
.onboarding-flow .before-after-copy li {position:relative;margin-top:8px;padding-left:13px}
.onboarding-flow .before-after-copy li::before {content:'';position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:#697280}
.onboarding-flow .after-card .before-after-copy ul {margin-top:7px}
.onboarding-flow .after-card .before-after-copy li {margin-top:5px;padding-left:15px}
.onboarding-flow .after-card .before-after-copy li::before {content:'✓';top:.12em;width:12px;height:12px;display:grid;place-items:center;background:rgba(255,255,255,.78);color:var(--blue);font-size:8px;font-weight:800}
.onboarding-flow .before-jobboards {font-size:16px;font-size:4.65cqw;font-weight:700;text-align:left;line-height:1.35;color:#313946}
.onboarding-flow .before-jobboards span {font-weight:500;color:#596270}
.onboarding-flow .after-brand {display:flex;align-items:center;gap:5px;font-size:14px;font-size:clamp(11px,3.5cqw,14px);font-weight:700;letter-spacing:-.35px;color:var(--blue);margin:0 0 5px}
.onboarding-flow .after-brand img {width:16px;height:16px;flex:0 0 16px;object-fit:contain}
.onboarding-flow .before-after-results {margin-top:30px}
.onboarding-flow .before-after-results>h2 {font-size:13px;font-weight:500;color:var(--muted);text-align:center;margin:0 0 14px}
.onboarding-flow .result-card {min-width:0;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 2px #00000005}
.onboarding-flow .result-card h3 {font-size:14px;line-height:1.5;font-weight:500;margin:0 0 10px}
.onboarding-flow .result-emails {display:flex;flex-wrap:wrap;gap:4px;max-height:51px;overflow:hidden}
.onboarding-flow .result-emails span {background:#fbf5cc;border-radius:3px;padding:2px 5px;font:11px/1.6 ui-monospace,monospace;white-space:nowrap}
.onboarding-flow .result-card:nth-child(2) .result-emails span {background:#e4efff}
.onboarding-flow .before-after-caption {text-align:center;margin-top:26px}
@media(max-width:600px) {
  .onboarding-flow .onboarding-header {margin-top:6px}
  .onboarding-flow .brand {font-size:16px;gap:3px}
  .onboarding-flow .brand img {width:24px;height:24px}
  .onboarding-flow .journey-progress {margin-top:13px}
  .onboarding-flow .journey-progress ol {gap:5px}
  .onboarding-flow .journey-progress li {gap:5px}
  .onboarding-flow .progress-node {width:11px;height:11px;flex-basis:11px}
  .onboarding-flow .journey-progress .progress-end {flex-basis:11px}
  .onboarding-flow .progress-node svg {width:13px;height:13px}
  .onboarding-flow .progress-track {height:7px}
  .onboarding-flow .current .progress-track::after {width:5px;height:5px}
  .onboarding-flow .progress-meta {font-size:10px}
  .onboarding-flow .step-main {margin-top:28px;margin-bottom:28px}
  .onboarding-flow .step-main h1 {font-size:30px;letter-spacing:-.9px;line-height:1.25}
  .onboarding-flow .step-form {margin-top:25px}
  .onboarding-flow .choice-card {padding:15px 16px;gap:11px;min-height:60px}
  .onboarding-flow .choice-card>span {font-size:19px}
  .onboarding-flow .choice-card input {width:21px;height:21px;flex-basis:21px}
  .onboarding-flow .is-single input {width:100%;height:100%}
  .onboarding-flow .step-subtitle {font-size:15px;line-height:1.6}
  .onboarding-flow .statement-card {max-width:380px;padding:36px 22px;font-size:23px;margin-top:27px}
  .onboarding-flow .narrative-illustration {width:min(380px,100%);width:min(380px,100%,46svh);margin-bottom:14px}
  .onboarding-flow .interstitial-copy {font-size:15px}
  .onboarding-flow .benefit-list li,.onboarding-flow .benefit-list strong {font-size:17px}
  .onboarding-flow .benefit-list {gap:9px}
  .onboarding-flow .step-footer {padding:18px 20px max(24px,env(safe-area-inset-bottom))}
  .onboarding-flow .continue-button {font-size:17px;min-height:56px}
  .onboarding-flow .step-footer:has([data-review-continue]) {min-height:98px}
  .onboarding-flow .before-after-comparison,.onboarding-flow .results-grid {grid-template-columns:1fr;gap:16px}
  .onboarding-flow .step-before_after {max-width:400px}
  .onboarding-flow .iceberg-public,.onboarding-flow .iceberg-other {font-size:12px}
  .onboarding-flow .matching-comparison {gap:14px}
  .onboarding-flow .matching-comparison h2 {font-size:15px;min-height:38px;margin-bottom:10px}
  .onboarding-flow .match-examples li {padding:8px 9px;font-size:11px;gap:6px;min-height:34px}
  .onboarding-flow .checkout-plans {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:820px) {
  .onboarding-flow:has(.step-illustrated) .onboarding-header {min-height:36px;margin-top:3px}
  .onboarding-flow:has(.step-illustrated) .journey-progress {margin-top:9px}
  .onboarding-flow:has(.step-illustrated) .progress-meta {margin-top:6px}
  .onboarding-flow .step-illustrated {margin-top:10px;margin-bottom:10px}
  .onboarding-flow .step-illustrated .narrative-illustration {width:min(370px,100%);width:min(370px,100%,45svh);margin-bottom:10px}
  .onboarding-flow .step-illustrated h1 {font-size:29px;line-height:1.17}
  .onboarding-flow .step-illustrated .step-form {margin-top:7px}
  .onboarding-flow .step-illustrated .benefit-list {margin-top:8px;gap:7px}
  .onboarding-flow .step-illustrated .benefit-list li,.onboarding-flow .step-illustrated .benefit-list strong {font-size:17px;line-height:1.28}
  .onboarding-flow:has(.step-illustrated) .step-footer {padding:10px 20px max(16px,env(safe-area-inset-bottom))}
  .onboarding-flow:has(.step-illustrated) .continue-button {min-height:52px;font-size:16px}
}
@media(max-width:359px) {
  .onboarding-flow .step-main h1 {font-size:28px}
  .onboarding-flow .choice-card>span {font-size:18px}
  .onboarding-flow .iceberg-public,.onboarding-flow .iceberg-other {font-size:10px}
  .onboarding-flow .checkout-plans {grid-template-columns:1fr}
}
@media(max-width:600px) and (max-height:700px) {
  .onboarding-flow:has(.step-illustrated) .onboarding-header {min-height:32px;margin-top:0}
  .onboarding-flow:has(.step-illustrated) .journey-progress {margin-top:5px}
  .onboarding-flow:has(.step-illustrated) .progress-meta {margin-top:4px}
  .onboarding-flow .step-illustrated {margin-top:5px;margin-bottom:6px}
  .onboarding-flow .step-illustrated .narrative-illustration {width:min(230px,100%);width:min(230px,100%,36svh);margin-bottom:7px}
  .onboarding-flow .step-illustrated h1 {font-size:25px;line-height:1.14}
  .onboarding-flow .step-illustrated .step-form {margin-top:5px}
  .onboarding-flow .step-illustrated .interstitial-copy {font-size:14px;line-height:1.35}
  .onboarding-flow .step-illustrated .benefit-list {margin-top:6px;gap:5px}
  .onboarding-flow .step-illustrated .benefit-list li,.onboarding-flow .step-illustrated .benefit-list strong {font-size:15px;line-height:1.2}
  .onboarding-flow .step-illustrated .benefit-list li>span {width:19px;font-size:16px}
  .onboarding-flow:has(.step-illustrated) .step-footer {padding:7px 14px max(10px,env(safe-area-inset-bottom))}
  .onboarding-flow:has(.step-illustrated) .continue-button {min-height:48px;font-size:15px}
  .onboarding-flow .step-review {margin-top:16px;margin-bottom:16px}
  .onboarding-flow .step-review h1 {font-size:26px;line-height:1.2}
  .onboarding-flow .step-review .step-form {margin-top:10px}
  .onboarding-flow .profile-review-progress {margin:8px auto 14px}
  .onboarding-flow .profile-review-progress strong,.onboarding-flow .profile-review-progress strong span {font-size:42px}
  .onboarding-flow .review-checks {gap:6px}
  .onboarding-flow .review-checks li {padding:7px 12px;font-size:12px}
  .onboarding-flow .review-stage-icon {width:16px;height:16px;flex-basis:16px}
}