/* Page-local marketing styles. Shared logo, navigation, buttons and footer use home.css. */
.subbie-page {
  --ink:#0b1f33;
  --muted:#596872;
  --line:#dce7e1;
  --paper:#fff;
  --sp-surface:#fff;
  --sp-tint:#edf5f1;
  --sp-font:Manrope,Arial,sans-serif;
  background:var(--paper);
  font-family:var(--sp-font);
}
.subbie-page .section { padding:58px 0; }
.subbie-page .section h2,
.subbie-page .sp-journey-section h2 {
  font-size:clamp(30px,7.8vw,38px);
  font-weight:750;
  line-height:1.16;
  letter-spacing:-.045em;
}
.subbie-page :is(button,input,select,textarea) { font-family:var(--sp-font); }
.subbie-page :is(.closing-section,.site-footer) { background:var(--paper); }
.subbie-page .sp-stage-label > span { background:var(--sp-tint); border-color:#c4dfd1; color:var(--green); }
.subbie-page .sp-price-card { background:var(--sp-surface); border-color:var(--line); }
.subbie-page .sp-price-purchase { background:var(--sp-tint); }
.subbie-page .sp-value-stage { border-block:0; }
.subbie-page .sp-value-stage + .sp-value-stage { border-top:1px solid var(--line); }
.subbie-page .eyebrow {
  font-size:10px;
  letter-spacing:.1em;
  margin-bottom:16px;
}
.subbie-page .button { min-height:50px; }
.subbie-page .text-link { font-size:14px; }
.subbie-page .header-actions .button-small { min-height:44px; }
.sp-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.sp-hero { background:var(--ink); color:#fff; }
.sp-hero-grid { display:grid; gap:32px; padding-block:30px 38px; }
.sp-hero-copy { min-width:0; container-type:inline-size; }
.sp-hero h1 {
  font-size:min(64px,11vw);
  font-size:min(64px,11.5cqw);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.sp-hero-lead { font-family:Manrope,Arial,sans-serif; font-size:13px; font-weight:500; letter-spacing:.005em; line-height:1.75; margin-top:18px; max-width:600px; color:#d5e1dc; }
.sp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 18px; margin-top:24px; }
.sp-actions .button { font-size:14px; padding:14px 20px; gap:17px; }
.sp-text-link { display:inline-flex; align-items:center; gap:10px; padding-block:12px; font-size:13px; font-weight:750; text-decoration:none; color:var(--green); }
.sp-text-link:hover { text-decoration:underline; }
.sp-whatsapp-link { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:50px; padding:8px 16px 8px 9px; border:1px solid #6addaa70; border-radius:12px; background:#25d36612; color:#e3ffef; font-size:14px; font-weight:750; text-decoration:none; transition:background .18s,border-color .18s,box-shadow .18s; }
.sp-whatsapp-icon { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:10px; background:#25d366; color:#073b26; box-shadow:0 3px 12px #25d36620; }
.sp-whatsapp-icon svg { display:block; width:20px; height:20px; }
.sp-whatsapp-arrow { margin-left:3px; color:#83e6b2; font-size:17px; line-height:1; }
.sp-whatsapp-link:hover { color:#fff; background:#25d36625; border-color:#75e5aa; box-shadow:0 4px 18px #0002; text-decoration:none; }
.sp-whatsapp-link:focus-visible { outline:3px solid #85efb4; outline-offset:4px; }
@media(prefers-reduced-motion:reduce) { .sp-whatsapp-link { transition:none; } }
.sp-trial-note { font-size:12px; color:var(--muted); margin-top:12px; }
.sp-hero-offer { margin-top:23px; border-top:1px solid #ffffff30; padding-top:17px; display:flex; flex-wrap:wrap; gap:7px 14px; align-items:center; }
.sp-offer-tag { display:inline-flex; align-items:center; color:#205d4a; background:#e0efe4; border:1px solid #c8dfcf; border-radius:5px; padding:4px 9px; font-size:11px; font-weight:800; }
.sp-hero-offer p { font-size:12px; }
.sp-hero-offer strong { font-size:25px; letter-spacing:-.04em; }
.sp-hero-offer s { color:#bdcbc6; margin-left:8px; }
.sp-product { min-width:0; margin:0; background:white; border:1px solid #cddcdf; border-radius:14px; overflow:hidden; box-shadow:0 16px 40px -28px #173f3950; }
.sp-product-bar { display:flex; align-items:center; flex-wrap:wrap; gap:9px 13px; background:var(--ink); color:#d6e9e9; padding:15px 18px; font-size:11px; }
.sp-product-brand { font-weight:800; font-size:14px; letter-spacing:-.045em; color:#fff; }
.sp-example-tag { font-size:10px; color:#cae1de; margin-left:auto; border:1px solid #537078; border-radius:4px; padding:1px 6px; }
.sp-product-body { padding:22px 18px; }
.sp-product figcaption { font-size:11px; color:var(--muted); line-height:1.6; padding:13px 18px; border-top:1px solid var(--line); background:#fcfdfc; }
.sp-small-label { color:var(--green); font-size:10px; font-weight:800; letter-spacing:.09em; }
.sp-status { display:inline-block; flex-shrink:0; align-self:center; border-radius:5px; padding:4px 8px; font-size:11px; font-weight:750; line-height:1.5; }
.sp-green { color:#17614c; background:#e4f2e9; }
.sp-amber { color:#7c5014; background:#fff0d6; }
.sp-red { color:#963c35; background:#fbeae7; }
.sp-blue { color:#30598f; background:#eaf1fb; }
.sp-neutral { color:#53636a; background:#edf1f2; }
.sp-passport-preview { width:100%; max-width:none; justify-self:end; }
.sp-passport-preview .sp-product-bar { padding:12px 17px; }
.sp-passport-preview .sp-product-body { padding:17px 17px 15px; }
.sp-passport-overview-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.sp-passport-overview-heading strong { color:#334b47; font-size:12px; }
.sp-passport-overview-heading > span { padding:3px 7px; border-radius:20px; background:#eff4f1; color:#60756b; font-size:9px; font-weight:700; }
.sp-passport-grid { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; padding:0; }
.sp-passport-grid > li { display:flex; flex-direction:column; align-items:flex-start; min-width:0; min-height:104px; padding:11px; border:1px solid #e1e9e5; border-radius:9px; background:linear-gradient(145deg,#fff,#f8fbf9); }
.sp-passport-tile-top { display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:8px; }
.sp-passport-tile-top svg { width:17px; height:17px; fill:none; stroke:#4c8a6e; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.sp-passport-tile-top > span { color:#91a29a; font-size:9px; font-weight:750; }
.sp-passport-grid strong { display:block; color:#1e3038; font-size:11px; line-height:1.35; }
.sp-passport-grid small { display:block; color:var(--muted); font-size:9px; line-height:1.4; margin-top:3px; }
.sp-passport-grid .sp-status { align-self:flex-start; max-width:100%; margin-top:auto; padding:3px 6px; font-size:8px; white-space:normal; }
.sp-passport-grid .sp-passport-project-tile { grid-column:1 / -1; display:grid; grid-template-columns:23px minmax(0,1fr) auto; align-items:center; gap:8px 10px; min-height:70px; }
.sp-passport-project-tile .sp-passport-tile-top { grid-column:1; grid-row:1; width:auto; margin:0; }
.sp-passport-project-tile .sp-passport-tile-top > span { display:none; }
.sp-passport-project-tile > div:nth-child(2) { grid-column:2; grid-row:1; }
.sp-passport-grid .sp-passport-project-tile > .sp-status { grid-column:3; grid-row:1; margin:0; }
.sp-passport-preview .sp-status { padding:3px 6px; font-size:9px; }
.sp-passport-preview .sp-product-note { margin-top:10px; padding:10px 12px; font-size:11px; line-height:1.55; }
.sp-passport-preview .sp-passport-submit { min-height:43px; margin-top:12px; padding:10px 13px; font-size:11px; }
.sp-section-heading { max-width:900px; margin-bottom:30px; }
.subbie-page .section h2.sp-prepare-title { font-size:clamp(22px,7.4vw,42px); line-height:1.16; letter-spacing:-.06em; }
.sp-prepare-title > span { display:block; white-space:nowrap; }
.sp-prepare-title .sp-prepare-title-highlight { color:#258362; font-family:inherit; font-size:inherit; font-weight:inherit; letter-spacing:inherit; line-height:inherit; }
.sp-section-heading > p:not(.eyebrow),
.sp-heading-aside > p { font-size:15px; line-height:1.8; color:var(--muted); margin-top:17px; max-width:630px; }
.sp-soft-section { background:var(--paper); border-block:1px solid #e3eae9; }
.sp-split { display:grid; gap:30px; align-items:center; }
.sp-copy > p:not(.eyebrow) { font-size:15px; color:var(--muted); line-height:1.75; margin-top:16px; }
.sp-copy > p.sp-copy-detail-note { margin-top:10px; color:#738188; font-size:12px; line-height:1.65; }
.sp-market-split .sp-fee-note { margin-top:8px; color:#78857f; font-size:10px; font-style:italic; font-weight:400; }
.sp-copy > p strong { color:var(--ink); font-weight:750; }
.sp-job-details { margin:16px 0 0; padding:15px; background:#f6f8f8; border:1px solid var(--line); border-radius:8px; font-family:Manrope,Arial,sans-serif; }
.sp-job-details > div { margin-top:12px; }
.sp-job-details > div:first-child { margin:0; }
.sp-job-details dt { font-size:11px; color:var(--muted); }
.sp-job-details dd { margin:3px 0 0; font-size:13px; font-weight:650; }
.sp-document-heading { margin:19px 0 14px; }
.sp-prepared-documents { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sp-prepared-documents > div { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--line); border-radius:8px; padding:15px 12px; }
.sp-paper-icon { display:grid; place-items:center; width:28px; height:33px; border:1px solid #bbd7ca; border-radius:4px 10px 4px 4px; color:var(--green); background:#eff7f2; font-size:11px; font-weight:800; margin-bottom:11px; }
.sp-drafting-example { border-color:#d4e5dc; border-radius:17px; background:linear-gradient(135deg,#fff,#f7fbf8); }
.sp-drafting-example .sp-product-body { padding:25px; }
.sp-drafting-heading { display:flex; align-items:center; gap:12px; margin-bottom:23px; }
.sp-drafting-icon { display:grid; place-items:center; width:43px; height:43px; flex-shrink:0; border:1px solid #cce4d7; border-radius:13px; color:#277e5c; background:#edf8f1; }
.sp-drafting-icon svg { width:24px; height:24px; }
.sp-drafting-heading p { color:#4b886c; font-size:9px; font-weight:750; letter-spacing:.035em; margin-bottom:6px; }
.sp-drafting-heading h3 { color:#1f443a; font-size:21px; line-height:1.25; }
.sp-drafting-input { background:#f0f6f3; border:1px solid #dfeae4; border-radius:12px; padding:17px; }
.sp-drafting-input>strong { font-size:12px; color:#3c6153; }
.sp-drafting-input ul { display:flex; flex-wrap:wrap; gap:7px; list-style:none; margin:12px 0 0; padding:0; }
.sp-drafting-input li { padding:5px 9px; border:1px solid #d8e5de; border-radius:7px; font-size:10px; color:#557468; background:#fff; }
.sp-drafting-connector { color:#66987f; font-size:21px; text-align:center; line-height:1; padding:13px 0; }
.sp-drafting-example .sp-prepared-documents>div { border-radius:12px; background:#fff; padding:17px 14px; }
.sp-drafting-state { display:inline-block; margin-top:13px; color:#688577; font-size:9px; border-top:1px solid #e8efe9; padding-top:8px; width:100%; }
.sp-drafting-review { font-size:10px; color:#718178; padding:16px 0 0; line-height:1.7; }
.sp-drafting-review strong { color:#316a52; }
@media(max-width:420px) { .sp-drafting-example .sp-product-body { padding:18px; } .sp-drafting-heading h3 { font-size:18px; } }
.sp-prepared-documents strong { font-size:13px; }
.sp-prepared-documents small { font-size:11px; color:var(--muted); line-height:1.6; margin-top:5px; }
.sp-product-note { font-size:12px; line-height:1.75; background:#eff6f2; color:#375e50; border-radius:7px; padding:14px; margin-top:20px; }
.sp-product-note > span { margin-right:8px; }
.sp-market-section { background:#faf7f0; border-block:1px solid #e9e3d7; }
.sp-heading-aside .sp-fee-note,.sp-fee-note { color:#58686d; font-size:13px; font-weight:650; margin-top:13px; }
.sp-marketplace-body { padding:22px 18px 0; }
.sp-marketplace { width:100%; max-width:none; justify-self:end; }
.sp-marketplace-heading { padding-bottom:16px; border-bottom:1px solid var(--line); }
.sp-marketplace-heading h3 { font-size:22px; line-height:1.3; }
.sp-marketplace-heading p { color:var(--muted); font-size:13px; margin-top:9px; }
.sp-market-filter { display:inline-block; font-size:11px; color:#4c655b; background:#f0f5f2; border:1px solid #d6e3db; padding:6px 10px; border-radius:5px; margin-top:15px; }
.sp-consultant-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px 0; border-bottom:1px solid #e7eeea; align-items:center; }
.sp-consultant-row:last-child { border-bottom:0; }
.sp-consultant-identity { display:flex; align-items:center; gap:11px; }
.sp-consultant-identity > div { min-width:0; }
.sp-consultant-avatar { display:block; width:46px; height:46px; flex-shrink:0; object-fit:cover; object-position:center 38%; border:1px solid #dbe6e1; border-radius:50%; background:#eef6f3; }
.sp-consultant-info { grid-column:1 / -1; }
.sp-consultant-info h4 { font-size:13px; font-weight:600; color:#4c625c; margin:0; line-height:1.4; letter-spacing:-.015em; }
.sp-consultant-location { display:flex; align-items:center; gap:5px; margin-top:4px; color:#526d70; font-size:11px; line-height:1.4; }
.sp-consultant-location svg { width:13px; height:15px; flex-shrink:0; color:var(--green); }
.sp-profile-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.sp-profile-tags span { font-size:10px; padding:3px 7px; background:#eef3f5; color:#4c6270; border-radius:5px; }
.sp-profile-tags span:first-child { color:#19614d; background:#e5f3eb; font-weight:750; }
.sp-consultant-info p { color:var(--muted); font-size:11px; margin-top:6px; }
.sp-consultant-fee strong { font-size:20px; letter-spacing:-.04em; display:block; }
.sp-consultant-fee > span { color:var(--muted); font-size:10px; display:block; }
.sp-ui-action { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#133d45; color:#fff; border-radius:6px; padding:12px; font-size:12px; font-weight:700; line-height:1.5; }
.sp-ui-action > span { font-size:18px; }
.sp-marketplace .sp-ui-action { gap:7px; border:1px solid #d5e1dc; background:#f3f7f5; color:#36594d; padding:8px 10px; font-size:10px; font-weight:650; }
.sp-marketplace .sp-ui-action > span { font-size:14px; }
.sp-marketplace figcaption { padding:8px 15px; color:#6f7d76; font-size:8.5px; font-style:italic; line-height:1.45; }
.sp-market-steps { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr; gap:0; }
.sp-market-steps li { position:relative; display:flex; gap:12px; align-items:center; min-height:48px; padding:5px 0 14px; color:#263c3b; font-size:12px; font-weight:700; line-height:1.45; }
.sp-market-steps li:not(:last-child):after { content:'↓'; position:absolute; left:9px; top:34px; color:#709782; font-size:15px; font-weight:500; line-height:1; }
.sp-market-steps li > span { position:relative; z-index:1; flex-shrink:0; display:grid; place-items:center; width:30px; height:30px; background:#e6f2eb; border:1px solid #c9dfd2; color:#287357; border-radius:50%; font-size:11px; font-weight:800; }
.sp-copy .sp-text-link { margin-top:19px; }
.sp-send-fields { margin:0 0 20px; }
.sp-send-fields > div { display:grid; grid-template-columns:38px 1fr; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); }
.sp-send-fields dt { color:var(--muted); font-size:12px; }
.sp-send-fields dd { font-size:13px; margin:0; }
.sp-send-fields dd span { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.sp-pack-documents { list-style:none; padding:0; margin:15px 0 23px; }
.sp-pack-documents li { display:flex; gap:10px; padding:9px 0; font-size:13px; }
.sp-pack-documents li:before { content:'✓'; color:var(--green); font-weight:800; }
.sp-send-action { display:flex; flex-direction:column; gap:10px; }
.sp-send-action .sp-product-note { margin:0; text-align:center; font-size:12px; }
.sp-tracker-heading { padding:24px 20px; }
.sp-tracker-heading h3 { font-size:24px; }
.sp-tracker-heading p { font-size:13px; color:var(--muted); margin-top:8px; }
.sp-tracker-heading .sp-demo-hint { color:var(--green); font-size:12px; }
.sp-tracker-grid { display:grid; }
.sp-review-stages { list-style:none; padding:0 16px 18px; margin:0; display:grid; gap:7px; }
.sp-review-stages button { display:flex; align-items:center; gap:13px; width:100%; min-height:60px; padding:10px 13px; color:var(--muted); background:#f7f9f9; border:1px solid #e0e7e6; border-radius:7px; text-align:left; cursor:pointer; }
.sp-review-stages button > span:first-child { font-size:11px; font-weight:800; color:#66897c; }
.sp-review-stages strong { display:block; font-size:13px; color:var(--ink); }
.sp-review-stages small { display:block; font-size:11px; margin-top:3px; line-height:1.6; }
.sp-review-stages button[aria-pressed="true"] { color:#c9e0da; background:#153d3a; border-color:#153d3a; }
.sp-review-stages button[aria-pressed="true"] strong,.sp-review-stages button[aria-pressed="true"] > span:first-child { color:#fff; }
.sp-review-stages button:hover:not([aria-pressed="true"]):not(:disabled) { border-color:#88b6a4; background:#f0f7f3; }
.sp-review-stages button:disabled { cursor:default; opacity:1; }
.sp-review-detail { padding:22px 20px; background:#fcfdfc; border-top:1px solid var(--line); }
.sp-review-detail h4 { font-size:20px; line-height:1.4; margin:16px 0 12px; letter-spacing:-.025em; }
.sp-review-detail h4 + p { font-size:14px; color:var(--muted); line-height:1.8; }
.sp-history { list-style:none; padding:0; margin:22px 0 0; }
.sp-history li { display:grid; grid-template-columns:50px 1fr; gap:13px; padding:10px 0 10px 16px; border-left:1px solid #c7dcd2; position:relative; font-size:12px; }
.sp-history li:before { content:''; position:absolute; width:7px; height:7px; left:-4px; top:16px; border-radius:50%; background:#4b8b70; }
.sp-history time { color:var(--muted); font-size:11px; }
.sp-history small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.sp-review-comment { padding:18px; border-radius:8px; border:1px solid #efdfbf; background:#fff6e6; margin-top:24px; font-size:13px; color:#805623; }
.sp-review-comment p { margin-top:12px; }
.sp-review-comment > span { display:block; font-size:11px; margin-top:14px; }
.sp-revisions { display:grid; gap:22px; margin-top:28px; padding:26px; border:1px solid var(--line); border-radius:12px; background:white; }
.sp-revisions h3 { font-size:24px; line-height:1.25; }
.sp-revisions > div p { font-size:14px; color:var(--muted); line-height:1.8; margin-top:12px; }
.sp-version-trail { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.sp-version-trail li { padding:13px 15px; background:#f3f7f4; border-left:3px solid #b2d1c0; border-radius:5px; }
.sp-version-trail strong { display:block; font-size:13px; }
.sp-version-trail span { display:block; font-size:12px; color:var(--muted); margin-top:4px; }
.sp-journey-section { background:#102e38; color:#fff; padding:48px 0; }
.sp-journey-section .eyebrow { color:#a0d7c3; }
.sp-journey { list-style:none; padding:0; margin:32px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:25px 20px; }
.sp-journey li { font-size:17px; font-weight:650; line-height:1.6; padding-left:15px; border-left:1px solid #3c6269; }
.sp-journey li > span { display:block; color:#95caba; font-size:11px; font-weight:800; margin-bottom:10px; }
.sp-journey small { display:block; font-size:10px; font-weight:500; color:#b8d0d0; margin-top:5px; }
.sp-price-card { display:grid; border:1px solid #bcd6c8; border-radius:16px; overflow:hidden; max-width:1050px; margin-inline:auto; }
.sp-price-inclusions { padding:28px 23px; }
.sp-price-inclusions h3 { font-size:27px; line-height:1.25; margin-top:15px; }
.sp-included-list { list-style:none; padding:0; margin:26px 0; }
.sp-included-list li { display:flex; gap:11px; font-size:14px; line-height:1.75; margin-top:13px; }
.sp-included-list li:before { content:'✓'; color:var(--green); font-weight:800; }
.sp-price-small { font-size:11px; color:var(--muted); line-height:1.8; margin-top:16px; }
.sp-price-small a { display:inline-block; margin-right:8px; }
.sp-price-purchase { background:#eef6f0; border-top:1px solid #d2e4d8; text-align:center; padding:30px 23px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.sp-price-purchase h3 { font-size:23px; margin-top:21px; }
.sp-standard-price { font-size:12px; color:var(--muted); margin-top:18px; }
.sp-standard-price s { margin-left:5px; }
.sp-main-price { font-size:66px; font-weight:800; line-height:1.15; letter-spacing:-.06em; margin-top:10px; }
.sp-main-price > span { display:block; font-size:14px; font-weight:500; letter-spacing:0; margin-top:8px; }
.sp-monthly-price { color:var(--muted); font-size:12px; line-height:1.8; margin-top:17px; }
.sp-price-saving { font-size:13px; line-height:1.8; margin-top:20px; max-width:270px; }
.sp-price-saving strong { color:var(--green); }
.sp-price-purchase .button { width:100%; max-width:330px; margin-top:25px; }
.subbie-page .answers-section { padding-top:0; }
.subbie-page .answers summary { font-size:15px; }
.subbie-page .answers details p { font-size:14px; }
.subbie-page .answers-intro { font-size:14px; }
.subbie-page .closing-card { background:#102e38; }
.subbie-page .closing-card p:not(.eyebrow) { font-size:14px; }
.subbie-page .closing-card .sp-closing-price { color:#c7e6d6; font-weight:700; margin-top:15px; }
.subbie-page .closing-actions > span { font-size:11px; }


/* The four value stages share the existing product illustrations and controls. */
.sp-hero h1 > .sp-headline-line { display:block; white-space:nowrap; color:inherit; }
.sp-hero h1 .sp-headline-accent { color:#9bdec2; }
.sp-hero .eyebrow { margin-bottom:12px; }
.sp-hero .eyebrow { color:#dce9e3; }
.sp-hero .status-dot { background:#8fe0b8; }
.sp-hero .button-dark { color:#0b1f33; background:#fff; border:1px solid #fff; }
.sp-hero .button-dark:hover { color:#0b1f33; background:#e8f1ed; border-color:#e8f1ed; }
.sp-hero .sp-text-link { color:#d6f3e4; }
.sp-hero .sp-trial-note { color:#d2dfda; }
.sp-hero-conversion { margin-top:25px; }
.sp-hero-conversion .sp-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,390px);
  gap:min(14px,3cqw);
  margin-top:0;
}
.sp-hero-conversion .sp-actions > a {
  min-width:0;
  min-height:44px;
  padding:min(12px,3cqw) min(14px,3cqw);
  gap:min(10px,2cqw);
  font-size:min(14px,3.8cqw);
  white-space:nowrap;
}
.sp-hero-conversion .sp-actions .button > span,
.sp-hero-conversion .sp-whatsapp-arrow { font-size:min(18px,4.5cqw); margin-left:0; }
.sp-hero-conversion .sp-whatsapp-icon {
  width:min(32px,8cqw);
  height:min(32px,8cqw);
  border-radius:min(10px,2.5cqw);
}
.sp-hero-conversion .sp-whatsapp-icon svg { width:65%; height:65%; }
.sp-hero-conversion .sp-hero-offer { margin-top:18px; padding-top:15px; }
.sp-hero-access { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:12px; line-height:1.65; margin:0; padding:16px 20px; border-top:1px solid #dce5e5; }
.sp-hero-access svg { width:19px; height:22px; flex-shrink:0; fill:none; stroke:var(--green); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-hero-journey { min-width:0; width:100%; overflow:hidden; background:#fff; border:1px solid #d5e1dc; border-radius:13px; box-shadow:0 18px 40px -29px #0009; }
.sp-value-strip { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:minmax(0,1fr); gap:0; text-align:left; }
.sp-value-strip li { background:#fff; border:0; border-bottom:1px solid #e2e9e5; overflow:hidden; }
.sp-value-strip li:last-child { border-bottom:0; }
.sp-value-strip a { display:grid; grid-template-columns:32px minmax(0,1fr) 20px; gap:13px; align-items:center; min-height:79px; height:100%; padding:14px 18px; text-decoration:none; transition:background .15s; }
.sp-value-strip a:hover { background:#f8fbf9; }
.sp-value-strip a:focus-visible { outline-offset:-4px; }
.sp-value-number { display:grid; place-items:center; width:32px; height:32px; color:var(--green); background:#eef5f1; border-radius:50%; font-size:11px; font-weight:800; }
.sp-value-icon { width:20px; height:20px; color:#698d7f; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sp-value-copy { min-width:0; font-family:Manrope,Arial,sans-serif; }
.sp-value-copy strong,.sp-value-copy small { font-family:Manrope,Arial,sans-serif; }
.sp-value-copy strong { display:block; font-size:10px; line-height:1.4; letter-spacing:.08em; color:var(--green); }
.sp-value-copy > span { display:block; font-size:16px; color:var(--ink); font-weight:500; letter-spacing:-.015em; line-height:1.4; margin-top:5px; }
.sp-value-copy small { display:block; font-size:11px; color:var(--muted); line-height:1.5; margin-top:5px; }
.sp-prepare-section { background:#fff; }
.sp-prepare-section .sp-product { border-color:#a5cdbc; }
.sp-prepare-section .sp-product-bar { background:var(--ink); }
.sp-stage-label { display:flex; align-items:center; gap:12px; }
.sp-stage-label > span { display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#e5f2eb; border:1px solid #c4dfd1; font-size:13px; letter-spacing:0; }
.sp-soft-section .sp-stage-label > span { background:#102f3a; color:white; border-color:#102f3a; }
.sp-market-section .sp-stage-label > span { background:#eee6d5; color:#6c5428; border-color:#ded0b3; }
.sp-submit-section .sp-stage-label > span { background:#e4edf6; color:#315978; border-color:#c7d8e7; }
.sp-copy > p.sp-subheading,.sp-heading-aside > p.sp-subheading { color:var(--ink); font-weight:750; font-size:17px; line-height:1.6; }
.sp-stage-followup { min-width:0; }
.sp-benefits { padding:0; margin:0 0 25px; list-style:none; display:grid; gap:12px; }
.sp-benefits li { display:flex; gap:9px; font-size:13px; color:var(--muted); }
.sp-benefits li:before { content:'✓'; color:var(--green); font-weight:800; }
.sp-stage-followup .button { font-size:14px; }
.sp-ready-benefit { color:var(--green); border-left:3px solid #7bb49c; padding:4px 0 4px 15px; font-size:16px; line-height:1.7; font-weight:650; }
.sp-intelligent-system { display:flex; flex-direction:column; align-items:center; gap:5px; text-align:center; padding:12px 8px 0; }
.sp-intelligent-system strong { font-size:16px; color:var(--green); }
.sp-intelligent-system > span { color:var(--muted); font-size:12px; }
.sp-intelligent-system > span[aria-hidden] { font-size:22px; line-height:1.2; color:#7caf99; }
.sp-job-details { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sp-job-details > div { margin:0; }
.sp-job-details > div:last-child { grid-column:1 / -1; padding-top:12px; border-top:1px solid var(--line); }
.sp-pack-overview { font-family:Manrope,Arial,sans-serif; }
.sp-pack-context { display:flex; align-items:center; gap:10px; padding:0 0 17px; border-bottom:1px solid var(--line); }
.sp-context-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#53a982; box-shadow:0 0 0 4px #e8f4ed; }
.sp-pack-context > span:nth-child(2) { display:flex; flex-direction:column; gap:3px; min-width:0; }
.sp-pack-context strong { font-size:13px; color:var(--ink); }
.sp-pack-context small { font-size:11px; color:var(--muted); }
.sp-context-label { display:inline-flex; align-items:center; gap:8px; padding:5px 8px; border-radius:5px; background:#f1f5f4; color:#5a6e68; font-size:10px; white-space:nowrap; }
.sp-pack-columns { display:grid; grid-template-columns:1fr; gap:14px; margin-top:18px; }
.sp-pack-panel { min-width:0; overflow:hidden; border:1px solid #e1e9e6; border-radius:10px; background:#fff; }
.sp-pack-records { background:#fbfdfc; }
.sp-pack-prepared { background:#f8fbfa; }
.sp-pack-panel-heading { display:flex; align-items:center; gap:10px; padding:13px 13px 11px; border-bottom:1px solid #e8eeeb; }
.sp-pack-heading-icon { display:grid; place-items:center; width:31px; height:31px; flex:0 0 31px; border-radius:8px; background:#e8f3ed; color:#27785d; }
.sp-generate-heading { background:#e8eff3; color:#28516a; }
.sp-pack-heading-icon svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-pack-panel-heading > span:last-child { display:flex; flex-direction:column; gap:2px; min-width:0; }
.sp-pack-panel-heading strong { color:var(--ink); font-size:12px; }
.sp-pack-panel-heading small { color:var(--muted); font-size:10px; }
.sp-pack-list { list-style:none; margin:0; padding:0 12px; }
.sp-pack-list li { display:flex; align-items:center; justify-content:space-between; gap:7px; min-height:38px; border-bottom:1px solid #edf1ef; color:#30434a; font-size:11px; line-height:1.35; }
.sp-pack-list li:last-child { border-bottom:0; }
.sp-record-name { display:flex; align-items:center; gap:7px; min-width:0; }
.sp-record-name > svg { width:14px; height:14px; flex:0 0 14px; color:#5d9a7c; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-record-history { display:flex; align-items:center; gap:4px; flex:0 0 auto; color:#71807a; font-size:9px; }
.sp-record-history svg { width:13px; height:13px; fill:none; stroke:#7b9b8a; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-pack-documents li { min-height:42px; font-weight:650; }
.sp-pack-prepared .sp-pack-documents li:before { display:none; content:none; }
.sp-generate-mark { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; color:#386a7e; font-size:9px; font-weight:700; }
.sp-generate-mark svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-view-mark { color:#2e7058; }
.sp-file-count { flex:0 0 auto; padding:4px 7px; border-radius:5px; background:#eaf4ed; color:#347454; font-size:9px; font-weight:700; white-space:nowrap; }
.sp-pack-more { display:flex; align-items:center; gap:10px; margin-top:13px; padding:10px 12px; border:1px dashed #c7d8d0; border-radius:8px; color:#32755d; background:#f7fbf8; }
.sp-pack-more > span:first-child { display:grid; place-items:center; width:23px; height:23px; flex:0 0 23px; border-radius:50%; background:#e4f1e9; font-size:17px; line-height:1; }
.sp-pack-more > span:nth-child(2) { display:flex; flex-direction:column; gap:2px; }
.sp-pack-more strong { font-size:11px; }
.sp-pack-more small { color:var(--muted); font-size:10px; line-height:1.4; }
.sp-more-chevron { margin-left:auto; font-size:20px; }
.sp-pack-submit-button,.sp-passport-submit { display:flex; align-items:center; justify-content:center; gap:10px; min-height:48px; margin-top:13px; padding:12px 16px; border:1px solid #17634d; border-radius:8px; background:#17634d; color:#fff; box-shadow:0 5px 12px #174c3a20; font-size:12px; font-weight:750; text-align:center; }
.sp-pack-submit-button svg,.sp-passport-submit svg { width:17px; height:17px; flex:0 0 17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sp-pack-submit-button .sp-submit-arrow,.sp-passport-submit .sp-submit-arrow { margin-left:auto; }
.sp-pack-review-note { margin:13px 0 0; text-align:center; color:#60756c; font-size:10px; line-height:1.5; }
/* Passport illustration follows the live workspace's summary and document columns. */
.sp-passport-example { border-radius:17px; border-color:#d8e4e9; background:#f5f8fa; }
.sp-passport-example .sp-product-bar { background:#fff; color:#3d5a65; border-bottom:1px solid #dfe8ed; padding:12px 17px; font-size:10px; font-weight:700; }
.sp-passport-example .sp-example-tag { color:#6b8290; border-color:#d8e3e9; font-size:9px; font-weight:500; }
.sp-passport-example .sp-product-body { padding:15px; }
.sp-example-summary { padding:20px; border:1px solid #233c50; border-radius:14px; background:linear-gradient(160deg,#0A1C2E 0%,#0C2033 55%,#0E2438 100%); color:#eef5f9; }
.sp-example-business { color:#c0d1db; font-size:9px; font-weight:600; margin-bottom:9px; }
.sp-example-business>span { color:#8ea7b7; font-weight:400; }
.sp-example-summary h3 { color:#8fded3; font-size:21px; line-height:1.25; font-weight:750; }
.sp-example-lede { color:#bacbd7; font-size:10px; line-height:1.7; margin-top:8px; max-width:47ch; }
.sp-example-at-glance { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:19px 0 9px; }
.sp-example-at-glance strong { font-size:10px; font-weight:700; }
.sp-example-at-glance>span { font-size:8px; color:#adc2d0; }
.sp-example-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sp-example-stats>div { padding:12px 10px; background:#ffffff07; border:1px solid #c7e0ed26; border-radius:10px; }
.sp-example-stats strong { display:block; font-size:24px; line-height:1.1; font-weight:800; letter-spacing:-.05em; }
.sp-example-stats span { display:block; color:#c9d9e4; font-size:8px; line-height:1.4; margin-top:6px; }
.sp-example-stats .is-current strong { color:#96e1c7; }
.sp-example-stats .is-attention strong { color:#ffb5a6; }
.sp-example-stats .is-due strong { color:#f1d08c; }
.sp-example-support { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #8fded336; background:#8fded30a; padding:11px 12px; border-radius:9px; margin-top:13px; text-decoration:none; color:#d9f5ee; }
.sp-example-support small { display:block; color:#8fded3; font-size:8px; margin-bottom:3px; }
.sp-example-support strong { display:block; font-size:10px; font-weight:650; }
.sp-example-support>span:last-child { font-size:17px; color:#9ce5d5; }
.sp-example-support:hover { background:#8fded316; border-color:#8fded368; }
.sp-example-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }
.sp-example-column { min-width:0; }
.sp-example-column-head { display:flex; align-items:flex-start; gap:8px; min-height:65px; margin-bottom:11px; }
.sp-example-column-icon { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; border:1px solid #d4e9e1; border-radius:8px; background:#e9f4ef; color:#26765e; }
.sp-example-column-icon svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sp-example-column-head h4 { margin:0; color:#21443e; font-size:11px; line-height:1.4; font-weight:800; letter-spacing:-.015em; }
.sp-example-column-head p { color:#71817e; font-size:8.5px; line-height:1.6; margin-top:5px; }
.sp-example-records { display:grid; gap:7px; list-style:none; margin:0; padding:0; }
.sp-example-records li { min-width:0; min-height:65px; padding:11px 10px; border:1px solid #e0e8ed; border-radius:9px; background:#fff; box-shadow:0 2px 5px #123c3803; }
.sp-example-records li>strong { display:block; color:#294649; font-size:10px; line-height:1.4; font-weight:650; }
.sp-example-records li>div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px; margin-top:8px; }
.sp-example-state { display:inline-flex; align-items:center; gap:4px; color:#497a63; font-size:8px; line-height:1.4; }
.sp-example-state::before { content:''; width:4px; height:4px; border-radius:50%; background:currentColor; flex-shrink:0; }
.sp-example-state.is-attention { color:#b25849; }
.sp-example-state.is-due { color:#9c751f; }
.sp-example-action { font-size:8px; font-weight:600; color:#5e7b86; }
.sp-example-generate { color:#217863; }
.sp-example-custom { display:flex; align-items:center; gap:9px; background:#fff8e9; border:1px dashed #e3cfa1; border-radius:9px; padding:12px 10px; margin-top:9px; }
.sp-example-custom>span { display:grid; place-items:center; flex-shrink:0; width:22px; height:22px; border-radius:7px; background:#f6e9c8; color:#9b7027; font-size:15px; }
.sp-example-custom strong { display:block; color:#80612e; font-size:9px; }
.sp-example-custom p { color:#8a7c61; font-size:8px; line-height:1.5; margin-top:3px; }
.sp-example-reuse-note { display:flex; align-items:center; justify-content:center; gap:7px; margin:17px 0 0; color:#688279; font-size:9px; line-height:1.6; }
.sp-example-reuse-note svg { width:14px; height:14px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sp-passport-example figcaption { font-size:9px; padding:11px 15px; color:#71817f; background:#fcfdfd; border-color:#e0e8ed; }
@media(max-width:420px) {
  .sp-passport-example .sp-product-body { padding:12px; }
  .sp-example-summary { padding:16px 13px; }
  .sp-example-summary h3 { font-size:19px; }
  .sp-example-stats { gap:6px; }
  .sp-example-stats>div { padding:10px 8px; }
  .sp-example-at-glance { gap:6px; flex-wrap:wrap; }
  .sp-example-columns { grid-template-columns:1fr; gap:22px; }
  .sp-example-column-head { min-height:0; }
  .sp-example-column-head h4 { font-size:12px; }
  .sp-example-column-head p { font-size:10px; }
  .sp-example-records li>strong { font-size:11px; }
  .sp-example-state,.sp-example-action { font-size:9px; }
  .sp-example-custom strong { font-size:11px; }
  .sp-example-custom p { font-size:9px; }
}
.sp-stage-end { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:26px; }
.sp-stage-end > p { margin:0; color:var(--muted); font-size:13px; }
.sp-marketplace .sp-profile-tags span:first-child { color:#6c5428; background:#f5eedf; }
.sp-marketplace .sp-product-bar { background:var(--ink); }
.sp-marketplace-heading h3 { font-size:20px; }
.sp-marketplace-heading p { font-size:12px; }
.sp-submit-section { background:#f2f6f8; }
.sp-tracking-workspace { margin-top:24px; }
.sp-review-detail > div { display:grid; gap:20px; }
.sp-current-label { display:block; font-size:10px; font-weight:750; letter-spacing:.08em; color:var(--muted); margin-bottom:10px; }
.sp-review-current > p { font-size:14px; color:var(--muted); line-height:1.8; }
.sp-review-current > .sp-product-note { font-size:12px; }
.sp-history-heading { font-size:11px; font-weight:800; letter-spacing:.06em; color:var(--muted); }
.sp-review-history .sp-history { margin-top:13px; }
.sp-review-history .sp-review-comment { margin-top:13px; }
.subbie-page .sp-journey-section h2 { max-width:820px; font-size:clamp(25px,5vw,33px); }

@media(min-width:640px) {
  .sp-hero-grid { max-width:730px; padding-block:44px; margin-inline:auto; gap:34px; }
  .sp-hero-lead { font-size:14px; }
  .sp-product-body { padding:28px; }
  .sp-passport-preview .sp-product-body { padding:20px; }
  .sp-product-bar { padding:17px 24px; }
  .sp-passport-grid { gap:10px; }
  .sp-passport-grid > li { padding:12px; }
  .sp-passport-grid strong { font-size:12px; }
  .sp-passport-grid small { font-size:10px; }
  .sp-section-heading { margin-bottom:38px; }
  .sp-pack-columns { grid-template-columns:1fr 1fr; gap:12px; }
  .sp-pack-list { padding-inline:10px; }
  .sp-pack-list li { font-size:10.5px; }
  .sp-record-history { font-size:8.5px; }
  .sp-marketplace-body { padding:26px 28px 0; }
  .sp-consultant-row { grid-template-columns:1fr 170px; }
  .sp-consultant-info { grid-column:1; grid-row:1 / 3; }
  .sp-consultant-fee { grid-column:2; text-align:right; }
  .sp-consultant-row .sp-ui-action { grid-column:2; }
  .sp-tracker-grid { grid-template-columns:240px 1fr; }
  .sp-review-stages { padding:0 18px 26px; }
  .sp-review-detail { border-top:0; border-left:1px solid var(--line); padding:0 27px 26px; }
  .sp-review-detail > div { min-height:390px; }
  .sp-tracker-heading { padding:28px; }
  .sp-history li { font-size:13px; padding-block:12px; }
  .sp-revisions { grid-template-columns:1fr 1fr; gap:24px; padding:30px; }
  .sp-journey { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sp-price-card { grid-template-columns:1.2fr 1fr; }
  .sp-price-purchase { border-top:0; border-left:1px solid #d2e4d8; }
  .sp-price-inclusions,.sp-price-purchase { padding:33px; }
}
@media(min-width:960px) {
  .subbie-page .section { padding:86px 0; }
  .subbie-page .section h2,.subbie-page .sp-journey-section h2 { font-size:42px; }
  .sp-hero-grid { max-width:none; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:48px; align-items:center; padding-block:60px; }
  .sp-hero-lead { font-size:14px; margin-top:20px; }
  .sp-heading-split { max-width:none; display:flex; justify-content:space-between; align-items:end; gap:50px; }
  .sp-heading-split > p,.sp-heading-aside { max-width:345px; }
  .sp-split { grid-template-columns:.9fr 1.1fr; gap:26px 64px; align-items:end; }
  .sp-prepare-section .sp-preparation,.sp-ready-split .sp-passport-preview { display:flex; flex-direction:column; min-height:560px; }
  .sp-prepare-section .sp-preparation .sp-product-body { flex:1; }
  .sp-ready-split .sp-passport-preview .sp-product-body { display:flex; flex-direction:column; flex:1; }
  .sp-ready-split .sp-passport-preview .sp-passport-grid { flex:1; grid-template-rows:repeat(2,minmax(100px,1fr)) auto; }
  .sp-marketplace-heading { display:flex; justify-content:space-between; align-items:center; gap:25px; }
  .sp-market-filter { margin-top:0; flex-shrink:0; }
  .sp-consultant-row { grid-template-columns:minmax(0,1fr) 135px; gap:8px 16px; padding-block:12px; }
  .sp-consultant-avatar { width:44px; height:44px; }
  .sp-consultant-identity { gap:11px; }
  .sp-consultant-info h4 { font-size:13px; }
  .sp-consultant-location { margin-top:3px; font-size:11px; }
  .sp-profile-tags { gap:5px; margin-top:6px; }
  .sp-profile-tags span { font-size:9px; padding:3px 6px; }
  .sp-consultant-info p { margin-top:6px; font-size:11px; }
  .sp-consultant-fee strong { font-size:19px; }
  .sp-consultant-fee > span { font-size:10px; }
  .sp-consultant-info { grid-column:1; grid-row:1 / 3; }
  .sp-consultant-fee { grid-column:2; text-align:right; }
  .sp-consultant-row .sp-ui-action { grid-column:2; }
  .sp-market-steps { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:28px; position:relative; }
  .sp-market-steps:before { content:''; position:absolute; top:15px; left:10%; right:10%; height:1px; background:#b9d0c4; }
  .sp-market-steps:after { content:''; position:absolute; top:11px; right:8%; border-left:7px solid #7da38e; border-top:5px solid transparent; border-bottom:5px solid transparent; }
  .sp-market-steps li { min-height:74px; align-items:center; flex-direction:column; gap:10px; padding:0 5px; text-align:center; font-size:11px; }
  .sp-market-steps li:not(:last-child):after { display:none; }
  .sp-market-steps li > span { background:#fff; }
  .sp-send-preview .sp-product-body { display:grid; grid-template-columns:1fr 1fr .85fr; gap:30px; align-items:center; }
  .sp-tracker { max-width:none; }
  .sp-tracker-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; }
  .sp-tracker-grid { grid-template-columns:1fr; }
  .sp-review-stages { grid-template-columns:repeat(5,minmax(0,1fr)); padding:0 28px 26px; gap:9px; }
  .sp-review-stages button { min-height:106px; align-items:flex-start; flex-direction:column; gap:5px; padding:12px; }
  .sp-review-detail { padding:28px 36px; border-left:0; border-top:1px solid var(--line); }
  .sp-review-detail h4 { font-size:23px; }
  .sp-review-detail > div { min-height:245px; grid-template-columns:.8fr 1fr; gap:55px; }
  .sp-revisions { max-width:none; margin-inline:auto; grid-template-columns:1fr 1.6fr; align-items:center; }
  .sp-version-trail { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .sp-journey-section { padding:65px 0; }
  .sp-journey { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:28px; gap:20px; }
  .sp-price-inclusions,.sp-price-purchase { padding:40px; }
  .subbie-page .answers-section { padding-top:0; }
}

@media(min-width:640px) {
  .sp-value-strip a { grid-template-columns:38px minmax(0,1fr) 24px; padding:16px 22px; gap:16px; min-height:84px; }
  .sp-value-number { width:38px; height:38px; font-size:12px; }
  .sp-value-copy > span { font-size:17px; }
  .sp-value-icon { width:24px; height:24px; }
  .sp-review-detail > div { display:block; }
  .sp-review-history { margin-top:25px; }
}
@media(min-width:960px) {
  .sp-split > .sp-copy { grid-column:1; grid-row:1; }
  .sp-split > .sp-product { grid-column:2; grid-row:1 / 3; align-self:center; }
  .sp-stage-followup { grid-column:1; grid-row:2; align-self:start; }
  .sp-ready-split > .sp-copy { grid-column:1; }
  .sp-ready-split > .sp-product { grid-column:2; }
  .sp-ready-split > .sp-stage-followup { grid-column:1; }
  .sp-market-split { grid-template-columns:.9fr 1.1fr; gap:26px 64px; }
  .sp-marketplace { display:flex; flex-direction:column; min-height:560px; }
  .sp-marketplace-body { flex:1; }
  .sp-marketplace-heading { display:block; }
  .sp-market-filter { margin-top:12px; }
  .sp-market-steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .sp-send-fields,.sp-pack-documents { margin-bottom:0; }
  .sp-review-detail > div { display:grid; }
  .sp-review-history { margin-top:0; }
  .sp-review-detail h4 { margin-top:13px; }
  .sp-history li { padding-block:13px; }
}
@media(prefers-reduced-motion:reduce) {
  .sp-value-strip a { transition:none; }
}

/* Stage 04: submission setup and its resulting project card in one product view. */
.sp-submit-split { grid-template-columns:1fr; align-items:center; }
.sp-submit-split .sp-copy { max-width:490px; }
.sp-submit-cta { margin-top:22px; }
.sp-submit-flow { width:100%; max-width:760px; justify-self:center; }
.sp-submit-company { color:#d6e9e9; font-size:11px; font-weight:650; }
.sp-submit-flow-body { display:grid; gap:8px; padding:12px; background:#f5f8f7; }
.sp-submit-dialog,.sp-submit-project { min-width:0; border:1px solid #dfe7e4; border-radius:10px; background:#fff; box-shadow:0 5px 16px -13px #183b3440; }
.sp-submit-dialog { padding:15px; }
.sp-submit-dialog-head { display:flex; align-items:center; gap:10px; }
.sp-submit-action-icon { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; border-radius:9px; color:#267352; background:#e7f3ec; font-size:19px; font-weight:700; }
.sp-submit-kicker { color:#648076; font-size:8px; font-weight:800; letter-spacing:.1em; }
.sp-submit-dialog-head h3 { margin-top:3px; color:#172d32; font-size:16px; line-height:1.3; letter-spacing:-.025em; }
.sp-submit-intro { margin-top:11px; color:#5c6d70; font-size:10px; line-height:1.55; }
.sp-submit-fields { display:grid; gap:7px; margin-top:12px; }
.sp-submit-fields > div { min-width:0; padding:7px 9px; border:1px solid #e4eae8; border-radius:6px; background:#fcfdfc; }
.sp-submit-fields span { display:block; color:#637579; font-size:8px; line-height:1.3; }
.sp-submit-fields span small { font-size:inherit; }
.sp-submit-fields strong { display:block; overflow:hidden; margin-top:3px; color:#263b3f; font-size:10px; font-weight:650; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.sp-submit-dialog-actions { display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:12px; color:#657474; font-size:9px; }
.sp-submit-dialog-actions strong { padding:8px 10px; border-radius:6px; background:#247452; color:#fff; font-size:9px; font-weight:700; }
.sp-submit-flow .sp-share-passport { padding:16px; border-radius:12px; border-color:#d4e6df; background:linear-gradient(140deg,#fff,#f9fcfa); }
.sp-share-passport-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.sp-share-passport-heading h3 { color:#14796b; font-size:17px; line-height:1.3; letter-spacing:-.025em; font-weight:650; }
.sp-share-ready { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border:1px solid #b9dfcc; border-radius:999px; background:#e8f6ee; color:#216b51; font-size:9px; line-height:1.3; font-weight:700; }
.sp-share-ready>span { width:5px; height:5px; border-radius:50%; background:currentColor; }
.sp-share-description { margin-top:10px; color:#526b66; font-size:11px; line-height:1.6; }
.sp-share-trial { margin-top:15px; padding:13px 14px; border:1px solid #d8e9e0; border-radius:10px; background:#eef7f2; color:#557568; font-size:10px; line-height:1.8; }
.sp-share-trial strong { color:#28634e; font-weight:750; }
.sp-share-example-action { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px; padding:9px 12px; border:1px solid #b8dbce; border-radius:8px; background:#e8f6ef; color:#216b51; font-size:11px; font-weight:700; line-height:1.5; text-align:center; }
.sp-share-example-action svg { width:20px; height:20px; flex:0 0 20px; }
.sp-share-tender-note { margin-top:8px; color:#6d8077; font-size:9px; font-style:italic; line-height:1.6; }
@media(max-width:420px) { .sp-submit-flow .sp-share-passport { padding:14px; } .sp-share-passport-heading h3 { font-size:16px; } .sp-share-example-action { font-size:10px; } }
.sp-submit-project { padding:13px; }
.sp-submit-project-top { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.sp-submit-initiated { padding:3px 7px; border:1px solid #d9e7de; border-radius:20px; background:#eff6f1; color:#527660; font-size:8px; font-weight:750; }
.sp-submit-project-title { display:flex; justify-content:space-between; align-items:center; gap:9px; margin-top:11px; padding-bottom:10px; border-bottom:1px solid #e9eeec; }
.sp-submit-project-title > div { min-width:0; }
.sp-submit-project-title small { display:block; color:#778785; font-size:7px; font-weight:800; letter-spacing:.08em; }
.sp-submit-project-title strong { display:block; margin-top:3px; color:#25393c; font-size:11px; }
.sp-submit-project-title .sp-status { padding:4px 7px; font-size:8px; }
.sp-submit-project h4 { margin-top:10px; color:#24373a; font-size:13px; line-height:1.35; }
.sp-submit-recipient { margin-top:3px; color:#708080; font-size:9px; }
.sp-submit-statuses { display:flex; flex-wrap:wrap; gap:5px; margin-top:12px; }
.sp-submit-statuses span { padding:5px 7px; border:1px solid #e4eae7; border-radius:5px; background:#f8faf9; color:#687674; font-size:8px; font-weight:650; }
.sp-submit-statuses span.is-current { border-color:#ead8b6; background:#fff5e3; color:#805b20; }
.sp-submit-no-account { display:flex; align-items:flex-start; gap:6px; margin-top:11px; padding-top:9px; border-top:1px solid #e9eeec; color:#526960; font-size:9px; line-height:1.45; }
.sp-submit-no-account > span { color:#287752; font-weight:800; }
.sp-submit-flow figcaption { font-size:9px; }
@media(min-width:960px) {
  .sp-submit-split { grid-template-columns:.9fr 1.1fr; gap:26px 64px; align-items:center; }
  .sp-submit-split > .sp-copy { grid-column:1; grid-row:1; }
  .sp-submit-split > .sp-product { grid-column:2; grid-row:1; align-self:center; }
  .sp-submit-flow-body { padding:14px; gap:8px; }
  .sp-submit-dialog { padding:18px; }
  .sp-submit-fields { grid-template-columns:1fr 1fr; }
  .sp-submit-fields > div { padding:9px 10px; }
  .sp-submit-project { padding:15px 17px; }
}
.sp-submit-create-connector { position:relative; display:grid; place-items:center; height:52px; color:#087b66; }
.sp-submit-create-connector::before { content:''; position:absolute; inset-block:0; left:calc(50% - 1px); width:2px; background:linear-gradient(#cfe5db,#249a79,#cfe5db); }
.sp-submit-flow-arrow { position:relative; display:grid; place-items:center; width:38px; height:38px; border:1px solid #99d5be; border-radius:50%; background:#e0f4ea; box-shadow:0 3px 10px #1b785c1a; }
.sp-submit-flow-arrow svg { display:block; width:25px; height:25px; animation:sp-share-flow-down 1.8s ease-in-out infinite; }
@keyframes sp-share-flow-down {
  0%,100% { transform:translateY(-3px); opacity:.65; }
  60% { transform:translateY(4px); opacity:1; }
}
@media(prefers-reduced-motion:reduce) {
  .sp-submit-flow-arrow svg { animation:none; }
}
.sp-submit-progress-label { margin-top:13px; color:#58716a; font-size:9px; font-weight:750; }
.sp-submit-statuses { display:grid; gap:0; list-style:none; margin:6px 0 0; padding:0 0 0 2px; }
.sp-submit-statuses li { position:relative; min-height:25px; padding:4px 0 4px 18px; color:#687674; font-size:9px; font-weight:600; line-height:1.4; }
.sp-submit-statuses li:before { content:''; position:absolute; z-index:1; top:8px; left:2px; width:7px; height:7px; border:1.5px solid #b8c9c1; border-radius:50%; background:#fff; }
.sp-submit-statuses li:not(:last-child):after { content:''; position:absolute; top:15px; bottom:-1px; left:5px; width:1px; background:#dce6e1; }
.sp-submit-statuses li.is-current { color:#805b20; font-weight:750; }
.sp-submit-statuses li.is-current:before { border-color:#d6a74f; background:#fff2d7; }
.sp-submit-project { display:grid; grid-template-columns:minmax(0,1fr) minmax(105px,.8fr); gap:11px 16px; align-items:start; }
.sp-submit-project-details,.sp-submit-review-progress { min-width:0; }
.sp-submit-project-top { justify-content:flex-start; }
.sp-submit-project h4 { overflow-wrap:anywhere; }
.sp-submit-progress-label { margin-top:0; }
.sp-submit-statuses { margin-top:6px; }
.sp-submit-no-account { grid-column:1 / -1; margin-top:0; }
.sp-submit-flow .sp-tracking-card { display:block; padding:0; overflow:hidden; border:1px solid #d7e6df; border-radius:16px; background:#fff; box-shadow:0 8px 22px -16px #15423730; }
.sp-tracking-card .sp-submit-project-details { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; background:linear-gradient(130deg,#f3f9f5,#fff); border-bottom:1px solid #e4ece7; }
.sp-tracking-project-head { display:flex; align-items:center; gap:13px; }
.sp-tracking-project-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid #cfe3d7; border-radius:10px; background:#e8f4ed; color:#387b5d; flex-shrink:0; }
.sp-tracking-project-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.sp-tracking-card .sp-submit-kicker { font-size:8px; color:#668579; letter-spacing:.09em; }
.sp-tracking-card h4 { margin:3px 0 0; font-size:16px; color:#22483c; line-height:1.3; letter-spacing:-.025em; font-weight:650; }
.sp-tracking-project-head p { margin-top:5px; color:#678073; font-size:11px; }
.sp-tracking-recipient { display:flex; align-items:center; gap:8px; margin-top:0; }
.sp-tracking-recipient svg { width:17px; height:17px; flex-shrink:0; fill:none; stroke:#6c9680; stroke-width:1.5; }
.sp-tracking-recipient small { display:block; font-size:8px; color:#789184; line-height:1.5; }
.sp-tracking-recipient strong { display:block; color:#466d5b; font-size:10px; font-weight:600; overflow-wrap:anywhere; }
.sp-tracking-card .sp-submit-review-progress { padding:13px 16px 10px; }
.sp-tracking-progress-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.sp-tracking-progress-head h5 { margin:0; color:#2c5144; font-size:11px; font-weight:750; }
.sp-tracking-progress-head>span { font-size:8px; color:#86978d; }
.sp-tracking-steps { list-style:none; margin:0; padding:0; }
.sp-tracking-steps li { position:relative; display:flex; gap:10px; padding:6px 10px; }
.sp-tracking-steps li:not(:last-child)::after { content:''; position:absolute; top:19px; bottom:-10px; left:14px; width:1px; background:#dce8e0; }
.sp-tracking-dot { position:relative; z-index:1; width:9px; height:9px; flex:0 0 9px; margin-top:4px; border:1.5px solid #c0d5c8; background:#fff; border-radius:50%; }
.sp-tracking-steps strong { display:flex; align-items:center; gap:8px; font-size:10px; color:#577061; font-weight:650; line-height:1.5; }
.sp-tracking-steps small { display:block; font-size:9px; color:#839087; line-height:1.6; margin-top:2px; }
.sp-tracking-steps li.is-current { border:1px solid #efdcaf; background:#fff8e9; border-radius:8px; margin-bottom:3px; padding:7px 9px; }
.sp-tracking-steps li.is-current::after { left:13px; }
.sp-tracking-steps .is-current .sp-tracking-dot { border-color:#c99d49; background:#d9b368; box-shadow:0 0 0 3px #d9b36819; }
.sp-tracking-steps .is-current strong { color:#88632a; font-weight:750; }
.sp-tracking-steps .is-current small { color:#927d58; }
.sp-tracking-now { padding:2px 6px; border-radius:5px; background:#f4e6c6; color:#98712a; font-size:7px; font-weight:800; line-height:1.5; }
.sp-tracking-free { display:flex; align-items:center; gap:8px; padding:10px 16px; border-top:1px solid #e4ece7; background:#f7faf8; font-size:9px; line-height:1.6; color:#6a8576; }
.sp-tracking-free svg { width:15px; height:17px; flex-shrink:0; fill:none; stroke:#4e8a6c; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
@media(max-width:420px) { .sp-tracking-card .sp-submit-project-details { padding:14px; } .sp-tracking-card .sp-submit-review-progress { padding:12px; } .sp-tracking-free { padding:10px 14px; } }
@media(max-width:360px) {
  .sp-submit-project { grid-template-columns:minmax(0,1fr) minmax(92px,.8fr); gap:9px; }
}
/* End-of-story journey summary: four clear steps with a connected desktop flow. */
.sp-journey-section { padding:56px 0; background:var(--ink); }
.sp-journey-section .container { max-width:1120px; }
.subbie-page .sp-journey-section h2 { max-width:690px; font-size:clamp(28px,5vw,38px); line-height:1.15; letter-spacing:-.04em; }
.sp-journey { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:28px; }
.sp-journey li { position:relative; min-height:105px; padding:15px 12px; border:1px solid #ffffff20; border-radius:11px; background:#ffffff0a; color:#f5fbf8; font-size:14px; font-weight:700; line-height:1.4; }
.sp-journey li > span { display:grid; place-items:center; width:29px; height:29px; margin:0 0 12px; border:1px solid #8cc7b1; border-radius:50%; color:#a8ddc7; font-size:9px; letter-spacing:.04em; }
.sp-journey small { display:block; margin-top:6px; color:#bed4cf; font-size:9px; line-height:1.4; }
@media(min-width:960px) {
  .sp-journey { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
  .sp-journey li { min-height:115px; padding:17px 18px; font-size:15px; }
  .sp-journey li:not(:last-child):after { content:''; position:absolute; z-index:1; top:31px; right:-14px; width:14px; height:1px; background:#8cc7b1; }
}
.sp-trial-note { color:#83918d; font-size:10px; font-style:italic; font-weight:400; }
.sp-hero .sp-trial-note { color:#d2dfda; }
.subbie-page .closing-actions > span { color:#aabbb5; font-size:10px; font-style:italic; font-weight:400; }
.sp-hero-offer-term { display:inline-block; margin-left:7px; color:#d2dfda; font-size:9px; font-style:italic; font-weight:500; }
.sp-market-split .sp-copy > .eyebrow { margin-bottom:20px; }
.sp-market-split .sp-copy > h2 { margin-bottom:4px; }
.sp-market-split .sp-copy > .sp-subheading { margin-top:20px; }
.sp-market-split .sp-copy > p:not(.eyebrow):not(.sp-subheading) { margin-top:18px; }
.sp-market-split .sp-copy > .sp-subheading { margin-top:30px; }
.sp-market-split .sp-copy > p:not(.eyebrow):not(.sp-subheading) { margin-top:24px; }
/* Match the left-column rhythm across preparation, readiness and submission. */
.sp-prepare-section .sp-copy > .eyebrow,
.sp-ready-split .sp-copy > .eyebrow,
.sp-submit-split .sp-copy > .eyebrow { margin-bottom:20px; }
.sp-prepare-section .sp-copy > h2,
.sp-ready-split .sp-copy > h2,
.sp-submit-split .sp-copy > h2 { margin-bottom:4px; }
.sp-prepare-section .sp-copy > .sp-subheading,
.sp-submit-split .sp-copy > .sp-subheading { margin-top:30px; }
.sp-prepare-section .sp-copy > p:not(.eyebrow):not(.sp-subheading),
.sp-submit-split .sp-copy > p:not(.eyebrow):not(.sp-subheading) { margin-top:24px; }
.sp-ready-split .sp-copy > p:not(.eyebrow):not(.sp-copy-detail-note) { margin-top:30px; }
.sp-ready-split .sp-copy > p.sp-copy-detail-note { margin-top:24px; }
.subbie-page .closing-card { gap:36px; padding:clamp(25px,5vw,52px); border:1px solid #2c5b50; border-radius:20px; background:var(--ink); box-shadow:0 20px 50px -34px #0b2730a0; }
.subbie-page .closing-card:before { right:-185px; top:-245px; border-color:#6caa8b40; box-shadow:0 0 0 42px #ffffff04,0 0 0 84px #ffffff02; }
.subbie-page .closing-card .sp-closing-copy { max-width:620px; }
.subbie-page .closing-card h2 { max-width:620px; font-size:clamp(30px,4.4vw,43px); line-height:1.12; letter-spacing:-.045em; }
.subbie-page .closing-card .sp-closing-copy > p:not(.eyebrow) { max-width:480px; margin-top:19px; line-height:1.65; }
.subbie-page .closing-card .sp-closing-price { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin-top:24px; color:#e3f1e9; font-size:12px; }
.sp-closing-price strong { color:#fff; font-size:27px; letter-spacing:-.04em; }
.sp-closing-price > span:not(.sp-closing-offer-tag) { color:#d0e2d9; font-size:11px; }
.sp-closing-price small { flex-basis:100%; color:#b5cdc1; font-size:10px; font-style:italic; }
.sp-closing-offer-tag { padding:5px 9px; border:1px solid #73998170; border-radius:5px; background:#a9d4bb18; color:#c2e5cf; font-size:9px; font-weight:750; letter-spacing:.03em; }
.subbie-page .closing-actions { min-width:190px; gap:11px; }
.subbie-page .closing-actions .button { min-height:52px; border-radius:9px; box-shadow:0 6px 20px -12px #8bc8a5; }
.subbie-page .closing-demo { padding:8px; }
@media(max-width:639px) {
  .subbie-page .closing-card { padding:25px 21px; gap:26px; border-radius:15px; }
  .subbie-page .closing-card h2 { font-size:clamp(28px,8vw,36px); }
  .subbie-page .closing-actions { width:100%; min-width:0; }
  .subbie-page .closing-card .sp-closing-price { margin-top:20px; }
}
.sp-journey-highlight { color:#a8ddc7; text-decoration:underline; text-decoration-color:#6eaa8f; text-decoration-thickness:2px; text-underline-offset:5px; }
.sp-journey small { font-size:8px; font-style:italic; font-weight:400; opacity:.82; }
.sp-journey-highlight { color:#a8ddc7; font-style:italic; text-decoration:none; }
.sp-journey-highlight { font-style:normal; }
.subbie-page .site-footer .footer-top .brand img { width:160px; height:44px; }
.subbie-page .site-footer .footer-top .brand img { width:200px; height:48px; object-fit:cover; object-position:center 44%; }
.sp-hero-access { font-size:10px; }
.sp-hero-journey { border:1px solid #d7e5dd; border-radius:16px; box-shadow:0 20px 48px -30px #001c1c70,0 3px 8px #0e36300d; }
.sp-value-strip li { position:relative; border-bottom:1px solid #e8eeea; background:#fff; }
.sp-value-strip li:nth-child(even) { background:#fcfdfc; }
.sp-value-strip a { min-height:88px; padding:15px 19px; grid-template-columns:36px minmax(0,1fr) 34px; gap:14px; }
.sp-value-number { width:36px; height:36px; border:1px solid #d9e9df; background:#f0f7f2; color:#287455; font-size:10px; }
.sp-value-copy strong { color:#277354; font-size:10px; letter-spacing:.1em; }
.sp-value-copy > span { margin-top:4px; color:#18353b; font-size:15px; font-weight:600; }
.sp-value-copy small { margin-top:4px; color:#73817b; font-size:9px; font-style:italic; }
.sp-value-icon { display:grid; place-self:center; width:32px; height:32px; padding:8px; border:1px solid #e5ede8; border-radius:9px; background:#f5f8f6; color:#628a76; }
.sp-value-strip a:hover .sp-value-icon { border-color:#cfe1d6; background:#edf5ef; }
.sp-hero-access { align-items:center; gap:9px; padding:12px 18px; border-top:1px solid #e3ebe6; background:#f7faf8; color:#6a7973; font-size:10px; line-height:1.5; }
.sp-hero-access svg { width:16px; height:18px; }
@media(min-width:640px) {
  .sp-value-strip a { min-height:91px; padding:16px 21px; grid-template-columns:38px minmax(0,1fr) 34px; }
  .sp-value-number { width:38px; height:38px; }
}
.sp-hero-side { display:grid; min-width:0; gap:12px; }
.sp-hero-side.sp-passport-showcase { gap:14px; }
.sp-passport-story { overflow:hidden; border:1px solid #dbe9e3; border-radius:22px; background:#fff; color:#163c37; box-shadow:0 24px 65px -28px #0008; }
.sp-passport-story-head { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 142px; align-items:center; gap:18px; padding:26px 27px 23px; background:radial-gradient(ellipse at 93% 0%,#b9e9cf80,transparent 65%),linear-gradient(130deg,#f8fcf9,#e9f5ee); border-bottom:1px solid #dfece4; }
.sp-passport-eyebrow { display:block; color:#397c60; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
.sp-passport-story-copy h2 { font-size:30px; line-height:1.12; letter-spacing:-.055em; color:#153b35; font-weight:800; }
.sp-passport-story-copy h2 em { color:#208164; font-style:normal; }
.sp-passport-story-copy p { color:#5f786d; font-size:11px; line-height:1.65; margin-top:11px; }
.sp-passport-art { position:relative; width:142px; height:151px; justify-self:end; isolation:isolate; }
.sp-passport-paper { position:absolute; top:8px; left:26px; width:98px; height:124px; border:1px solid #b8d7c5; border-radius:5px 12px 12px 5px; background:repeating-linear-gradient(0deg,#fff 0 5px,#e6efe9 5px 6px); transform:rotate(9deg); box-shadow:4px 8px 16px #164c3620; }
.sp-passport-book { position:absolute; top:0; left:15px; width:104px; height:133px; padding:15px 12px; border:1px solid #376d69; border-radius:5px 12px 12px 5px; background:linear-gradient(130deg,#173b46,#0b2534); color:#daf4e5; box-shadow:inset 5px 0 0 #ffffff07,0 14px 25px -8px #13372d70; transform:rotate(-8deg); }
.sp-passport-book>svg { display:block; width:25px; height:25px; margin-bottom:10px; color:#a5e6bd; }
.sp-passport-book>span { display:block; font-size:6px; font-weight:800; letter-spacing:.15em; color:#9fccba; }
.sp-passport-book>strong { display:block; font-size:15px; line-height:1.3; letter-spacing:-.04em; color:#fff; }
.sp-passport-book-line { height:1px; width:26px; background:#6a9c88; margin:8px 0 6px; }
.sp-passport-book>small { display:block; font-size:6px; color:#a3bfb7; line-height:1.5; }
.sp-passport-art-tag { position:absolute; bottom:5px; right:-3px; display:flex; align-items:center; gap:5px; padding:7px 9px; background:#fff; border:1px solid #c9e7d5; border-radius:8px; box-shadow:0 5px 15px #244b3914; color:#256f50; font-size:8px; font-weight:800; white-space:nowrap; transform:rotate(3deg); }
.sp-passport-art-tag svg { width:12px; height:12px; }
.sp-passport-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; list-style:none; padding:17px; margin:0; }
.sp-passport-steps li { min-width:0; }
.sp-passport-steps a { position:relative; display:flex; flex-direction:column; height:100%; min-height:135px; padding:14px; border:1px solid #e5ece8; border-radius:13px; background:#fafcfb; color:#21473f; text-decoration:none; transition:background .18s,border-color .18s,box-shadow .18s; }
.sp-passport-step-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.sp-passport-step-icon { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:#e6f2eb; color:#307a59; }
.sp-passport-step-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sp-passport-step-number { color:#91a89c; font-size:9px; font-weight:800; letter-spacing:.06em; }
.sp-passport-steps h3 { color:#203e39; font-size:12px; font-weight:800; line-height:1.35; letter-spacing:-.02em; padding-right:8px; }
.sp-passport-steps p { color:#60756b; font-size:10.5px; line-height:1.65; margin-top:5px; padding-right:4px; }
.sp-passport-steps small { display:block; font-size:8px; line-height:1.5; color:#80643d; margin-top:7px; }
.sp-passport-step-arrow { position:absolute; top:16px; right:14px; color:#277759; opacity:0; font-size:14px; }
.sp-passport-steps li:nth-child(2) .sp-passport-step-icon { background:#e6f0fa; color:#39729b; }
.sp-passport-steps li:nth-child(3) .sp-passport-step-icon { background:#f8eedb; color:#936c28; }
.sp-passport-steps li:nth-child(4) .sp-passport-step-icon { background:#ecebfa; color:#7360a0; }
.sp-passport-steps a:hover { background:#f0f8f3; border-color:#a9d3ba; box-shadow:0 5px 13px #204d3509; }
.sp-passport-steps a:hover .sp-passport-step-number { opacity:0; }
.sp-passport-steps a:hover .sp-passport-step-arrow { opacity:1; }
.sp-passport-steps a:focus-visible { outline:3px solid #21836d; outline-offset:2px; }
.sp-passport-review-note { display:flex; align-items:center; gap:11px; padding:15px 20px; background:#edf6f1; border-top:1px solid #deebe2; }
.sp-passport-review-icon { display:grid; place-items:center; flex-shrink:0; width:31px; height:31px; border:1px solid #cadfd1; background:#fff; border-radius:50%; color:#367a5d; }
.sp-passport-review-icon svg { width:17px; height:17px; }
.sp-passport-review-note p { font-size:10px; line-height:1.6; color:#587466; }
.sp-passport-review-note strong { display:block; color:#245b44; font-size:10.5px; font-weight:800; }
.sp-passport-review-note p>span { display:block; margin-top:2px; }
.sp-passport-offer { position:relative; overflow:hidden; padding:20px 24px; border:1px solid #e7d5a4; border-radius:18px; background:radial-gradient(ellipse at 100% 0%,#ffe6a585,transparent 65%),linear-gradient(130deg,#fffaf0,#f9f0da); color:#614d29; box-shadow:0 10px 30px -20px #0008; }
.sp-passport-offer-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; }
.sp-passport-offer h2 { display:flex; align-items:center; gap:7px; font-size:17px; font-weight:800; letter-spacing:-.025em; line-height:1.5; color:#806126; }
.sp-offer-spark { color:#a8863f; font-size:16px; line-height:1; }
.sp-passport-offer-badge { padding:4px 8px; border:1px solid #dfcb924d; border-radius:999px; color:#7c5c22; background:#eedfac75; font-size:8px; font-weight:800; line-height:1.5; }
.sp-passport-offer-main { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:12px 0; }
.sp-passport-price { display:flex; align-items:baseline; gap:6px; flex-shrink:0; margin:0; }
.sp-passport-price strong { color:#213c35; font-size:48px; line-height:1; letter-spacing:-.06em; font-weight:800; }
.sp-passport-price>span { color:#7c785f; font-size:11px; }
.sp-passport-price-context { display:flex; flex-direction:column; gap:4px; padding-left:16px; border-left:1px solid #e3d8b8; }
.sp-passport-price-context>span { color:#8a7e62; font-size:10px; }
.sp-passport-price-context strong { font-size:10px; font-weight:700; color:#6a5b3b; }
.sp-passport-price-context s { margin-left:4px; text-decoration-color:#a08d68; }
.sp-passport-price-terms { border-top:1px solid #e6dbbf; padding-top:10px; font-size:10px; line-height:1.7; color:#6e6146; }
.sp-passport-price-terms>span { display:block; font-size:9px; color:#786d55; margin-top:2px; }
@media(min-width:1100px) { .sp-passport-story-head { padding:24px 26px 20px; } .sp-passport-steps { gap:9px; padding:15px; } }
@media(max-width:420px) {
  .sp-passport-story { border-radius:18px; }
  .sp-passport-story-head { grid-template-columns:minmax(0,1fr) 110px; gap:8px; padding:22px 17px; }
  .sp-passport-story-copy h2 { font-size:26px; }
  .sp-passport-eyebrow { font-size:8px; letter-spacing:.06em; }
  .sp-passport-story-copy p { font-size:10px; }
  .sp-passport-art { width:110px; height:136px; }
  .sp-passport-book { left:3px; width:91px; height:123px; padding:12px 10px; }
  .sp-passport-paper { left:14px; width:88px; height:115px; }
  .sp-passport-art-tag { right:-3px; bottom:-1px; padding:6px; font-size:7px; }
  .sp-passport-steps { padding:11px; gap:8px; }
  .sp-passport-steps a { padding:12px 10px; min-height:144px; }
  .sp-passport-steps h3 { font-size:11px; }
  .sp-passport-steps p { font-size:10px; }
  .sp-passport-steps small { font-size:8px; }
  .sp-passport-review-note { padding:13px 15px; gap:9px; }
  .sp-passport-offer { padding:18px; }
  .sp-passport-offer-main { gap:12px; }
  .sp-passport-price strong { font-size:43px; }
  .sp-passport-price-context { padding-left:0; border:0; }
}
@media(prefers-reduced-motion:reduce) { .sp-passport-steps a { transition:none; } }
.sp-marketing-video { position:relative; display:flex; align-items:center; justify-content:center; width:100%; max-width:100%; min-width:0; min-height:300px; aspect-ratio:16/9; padding:24px; overflow:hidden; background:radial-gradient(ellipse at 85% 5%,#29594e80,transparent 65%),linear-gradient(145deg,#112c42,#0b1f33); color:#fff; }
.sp-marketing-video--player { display:flex; flex-direction:column; justify-content:center; min-height:0; aspect-ratio:16/9; padding:0; overflow:hidden; border:1px solid #ffffff30; border-radius:18px; background:#0b1f33; box-shadow:0 20px 48px -30px #000a; }
.sp-video-cover { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; min-height:320px; padding:48px 28px 34px; overflow:hidden; border:0; background:linear-gradient(rgba(8,25,36,.5),rgba(8,25,36,.5)),url('../images/subbie-video-thumbnail.png') center 45%/cover no-repeat; color:#fff; text-align:center; font:inherit; cursor:pointer; }
.sp-video-cover-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#a8d9bd; font-size:10px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.sp-video-cover-eyebrow>span { width:7px; height:7px; border-radius:50%; background:#72c791; box-shadow:0 0 0 4px #72c79120; }
.sp-video-cover-description { display:block; max-width:510px; margin-top:11px; color:#bfd0d1; font-size:13px; line-height:1.7; text-wrap:balance; }
.sp-video-cover-action { display:inline-flex; align-items:center; gap:11px; margin-top:20px; padding:8px 18px 8px 9px; border:1px solid #d8ecdf3b; border-radius:999px; background:#ffffff0b; color:#f5fbf7; font-size:12px; font-weight:700; }
.sp-video-cover-action-mobile { display:none; }
.sp-video-cover-action-icon { position:relative; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#c0e8ce23; color:#d3f2dc; }
.sp-video-cover-action-icon::after { position:absolute; inset:-3px; content:""; border:1px solid #b8efd58c; border-radius:50%; animation:sp-video-play-pulse 2.1s ease-out infinite; pointer-events:none; }
.sp-video-cover-action-icon svg { width:21px; height:21px; margin-left:2px; }
@keyframes sp-video-play-pulse { 0% { opacity:.65; transform:scale(.9); } 75%,100% { opacity:0; transform:scale(1.65); } }
.sp-video-cover:focus-visible { outline:3px solid #83d29b; outline-offset:-6px; }
.sp-marketing-video--player [hidden] { display:none !important; }
.sp-full-video { display:block; width:100%; min-height:240px; aspect-ratio:16/9; object-fit:contain; background:#071823; }
@media(min-width:960px) { .sp-hero-video { align-self:center; height:90%; aspect-ratio:auto; } .sp-hero-video .sp-video-cover { height:100%; min-height:0; } }
@media(max-width:560px) { .sp-hero-grid { padding-block:36px; } .sp-marketing-video--player { aspect-ratio:auto; } .sp-video-cover { min-height:280px; padding:34px 20px 26px; } .sp-video-cover-eyebrow { display:none; } .sp-video-cover-action { margin-top:0; } .sp-video-cover-action-desktop { display:none; } .sp-video-cover-action-mobile { display:inline; } }
@media(max-width:420px) {
  .sp-video-cover { min-height:280px; padding:27px 17px 22px; }
  .sp-video-cover-action { min-height:58px; margin-top:0; padding:7px 16px 7px 8px; font-size:12px; }
  .sp-video-cover-action-icon { width:42px; height:42px; }
  .sp-video-cover-action-icon svg { width:20px; height:20px; }
}
@media(prefers-reduced-motion:reduce) { .sp-video-cover-action-icon::after { animation:none; } }
.sp-video-label { position:absolute; top:22px; left:24px; color:#bbdacf; font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.sp-video-preview { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-width:0; padding:0; text-align:center; }
.sp-video-play { display:grid; place-items:center; width:64px; height:64px; margin:0 auto 20px; border:1px solid #a6dfc54d; border-radius:50%; background:#b8efd51a; color:#b8efd5; box-shadow:0 0 0 10px #b8efd507; }
.sp-video-play svg { width:30px; height:30px; }
.sp-video-preview h2 { width:100%; margin-inline:auto; text-align:center; color:#fff; font-size:clamp(20px,2.2vw,26px); letter-spacing:-.035em; line-height:1.3; }
.sp-video-preview p { width:100%; margin:9px auto 0; text-align:center; color:#b3c8d2; font-size:12px; }
@media(max-width:760px) {
  .sp-marketing-video { min-height:240px; }
}
.sp-hero-side .sp-hero-journey { min-width:0; }
.sp-hero-side .sp-hero-offer { display:flex; align-items:center; justify-content:space-between; gap:10px 16px; margin:0; padding:13px 16px; border:1px solid #ffffff24; border-radius:11px; background:#ffffff0b; }
.sp-hero-side .sp-offer-tag { flex:0 0 auto; }
.sp-hero-side .sp-hero-offer p { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 9px; color:#e2ece8; font-size:11px; }
.sp-hero-side .sp-hero-offer strong { color:#fff; font-size:24px; line-height:1; }
.sp-hero-side .sp-hero-offer s { color:#bacbc4; margin-left:4px; font-size:10px; }
.sp-hero-side .sp-hero-offer-term { margin-left:0; font-size:9px; }
@media(max-width:420px) {
  .sp-hero-side .sp-hero-offer { align-items:flex-start; flex-direction:column; }
}
.sp-market-section { background:#edf5f0; border-block-color:#d9e8de; }
/* Shared background for the four stages. */
.sp-prepare-section { background:var(--paper); }
.sp-soft-section { background:var(--paper); border-block-color:var(--line); }
.sp-market-section { background:var(--paper); border-block-color:var(--line); }
.sp-submit-section { background:var(--paper); border-block:1px solid var(--line); }
.subbie-page .closing-card .sp-closing-offer-card { display:flex; flex-direction:column; align-items:flex-start; gap:7px; width:max-content; max-width:100%; margin-top:23px; padding:14px 17px; border:1px solid #b3d5c126; border-radius:12px; background:#e8f6ed0d; box-shadow:inset 0 1px #ffffff0a; }
.sp-closing-offer-card p { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 9px; margin:0!important; color:#d0e2d9!important; font-size:11px!important; }
.sp-closing-offer-card p strong { color:#fff; font-size:28px; line-height:1; letter-spacing:-.04em; }
.sp-closing-offer-card p span { font-size:11px; }
.sp-closing-offer-card > small { color:#b5cdc1; font-size:10px; font-style:italic; }
@media(max-width:639px) {
  .subbie-page .closing-card .sp-closing-offer-card { margin-top:20px; }
}
.subbie-page .closing-card { align-items:stretch; }
.subbie-page .sp-closing-copy { flex:1 1 auto; align-self:center; }
.subbie-page .closing-card .sp-closing-cta-card { flex:0 0 300px; width:300px; min-width:0; align-self:center; align-items:stretch; gap:10px; padding:21px; border:1px solid #d5e6da; border-radius:14px; background:#f7fbf8; box-shadow:0 15px 32px -25px #061d1a90; }
.subbie-page .sp-closing-cta-card .sp-closing-offer-card { width:100%; margin:0 0 5px; padding:0 0 15px; gap:7px; border:0; border-bottom:1px solid #dce9df; border-radius:0; background:transparent; box-shadow:none; }
.sp-closing-cta-card .sp-closing-offer-tag { padding:5px 8px; border-color:#d0e4d6; background:#eaf4ed; color:#37634d; font-size:9px; }
.sp-closing-cta-card .sp-closing-offer-card p { color:#536b5d!important; }
.sp-closing-cta-card .sp-closing-offer-card p strong { color:#173d33; font-size:34px; }
.sp-closing-cta-card .sp-closing-offer-card p span { color:#536b5d; font-size:12px; }
.sp-closing-cta-card .sp-closing-offer-card > small { color:#687c70; font-size:10px; }
.subbie-page .sp-closing-cta-card .button { width:100%; justify-content:center; }
.subbie-page .sp-closing-cta-card .closing-demo { align-self:center; color:#345e4d; }
.subbie-page .sp-closing-cta-card > span { align-self:center; color:#7b8981; font-size:9px; font-style:italic; font-weight:400; }
@media(max-width:639px) {
  .subbie-page .closing-card { align-items:stretch; }
  .subbie-page .closing-card .sp-closing-cta-card { flex:1 1 auto; width:100%; padding:18px; }
}
@media(max-width:900px) {
  .subbie-page .closing-card { flex-direction:column; align-items:stretch; }
  .subbie-page .closing-card .sp-closing-cta-card { flex:0 1 auto; width:min(100%,420px); align-self:flex-start; }
}
.sp-consultant-fee strong { font-size:17px; letter-spacing:-.035em; }
.sp-consultant-fee strong small { color:#83918b; font-size:9px; font-weight:500; letter-spacing:0; }
.sp-marketplace .sp-ui-action { border:0; background:transparent; }
.sp-consultant-fee > span { color:#87928c; font-size:8px; font-weight:400; }
.sp-marketplace .sp-consultant-row .sp-ui-action { grid-column:2; justify-self:end; align-self:end; margin-top:auto; padding:3px 0 1px; color:#16816b; font-size:10px; font-weight:700; text-align:right; }
.sp-marketplace .sp-consultant-row .sp-ui-action > span { color:#16816b; }
@media(min-width:640px) {
  .sp-marketplace .sp-consultant-row { grid-template-rows:minmax(0,1fr) auto; }
  .sp-marketplace .sp-consultant-row .sp-consultant-info { grid-row:1 / 3; }
  .sp-marketplace .sp-consultant-row .sp-consultant-fee { grid-row:1; align-self:start; }
  .sp-marketplace .sp-consultant-row .sp-ui-action { grid-row:2; }
}
.sp-submit-fields > div > span { color:#28785b; font-weight:650; }
.sp-submit-fields > div > span small { color:#83918b; font-weight:400; }