/* We Finished It For You (lead magnet prototype #6). Tokens only; every class carries the lm-we-finished-it- prefix. */

/* ---------- Prototype controls (chrome, not production) ---------- */
.lm-we-finished-it-proto { background: var(--mist); border-bottom: 1px solid var(--line); font-size: var(--fs-xs); }
.lm-we-finished-it-proto summary { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font-family: var(--font-mono); letter-spacing: .03em; color: var(--text-2); }
.lm-we-finished-it-proto summary::-webkit-details-marker { display: none; }
.lm-we-finished-it-proto summary b { font-weight: 500; color: var(--text); }
.lm-we-finished-it-proto summary .i { width: 16px; height: 16px; }
.lm-we-finished-it-proto__chev { margin-left: auto; transition: transform .2s var(--ease); }
.lm-we-finished-it-proto details[open] .lm-we-finished-it-proto__chev { transform: rotate(180deg); }
.lm-we-finished-it-proto__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 20px; padding: 4px 0 20px; align-items: end; }
.lm-we-finished-it-proto__grid .field label { font-size: var(--fs-xs); font-weight: 600; }
.lm-we-finished-it-proto__grid .select { min-height: 44px; padding-block: 8px; font-size: var(--fs-sm); }
.lm-we-finished-it-proto__sims { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lm-we-finished-it-proto__sims .label { width: 100%; font-size: var(--fs-xs); font-weight: 600; color: var(--text); margin-bottom: -2px; }
.lm-we-finished-it-proto__sims .btn { min-height: 44px; }
@media (max-width: 1000px) { .lm-we-finished-it-proto__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lm-we-finished-it-proto__sims { grid-column: 1 / -1; } }
@media (max-width: 560px) { .lm-we-finished-it-proto__grid { grid-template-columns: minmax(0, 1fr); } .lm-we-finished-it-proto__hint { display: none; } }

/* ---------- Shared bits ---------- */
.lm-we-finished-it-linkbtn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; background: none; font: inherit; font-size: var(--fs-sm); font-weight: 600; color: var(--text); text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 4px; cursor: pointer; text-align: left; }
.lm-we-finished-it-linkbtn:hover { text-decoration-color: currentColor; }
.lm-we-finished-it-linkbtn--muted { align-self: flex-start; min-height: 32px; margin-top: -6px; font-weight: 500; color: var(--text-2); }
.lm-we-finished-it-linkbtn--brand { display: inline; min-height: 0; color: var(--brand-ink); text-decoration-color: var(--brand-tint-2); }
.lm-we-finished-it-linkbtn--sm { min-height: 40px; font-size: var(--fs-xs); color: var(--text-2); }
@media (pointer: coarse), (max-width: 760px) { .lm-we-finished-it-linkbtn--muted, .lm-we-finished-it-linkbtn--sm { min-height: 44px; } }
.lm-we-finished-it-err { display: flex; align-items: flex-start; gap: 6px; font-size: var(--fs-xs); line-height: 1.45; font-weight: 500; color: var(--danger); }
.lm-we-finished-it-err[hidden] { display: none; }
.lm-we-finished-it-err .i { width: 15px; height: 15px; margin-top: 1px; }
.lm-we-finished-it-opt { font-weight: 400; color: var(--text-3); font-size: var(--fs-sm); letter-spacing: 0; }
.lm-we-finished-it-simtag { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--warn); }
.lm-we-finished-it-simlink { align-self: flex-start; min-height: 32px; border: 0; background: none; padding: 0; font: inherit; font-size: var(--fs-xs); color: var(--warn); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (pointer: coarse), (max-width: 760px) { .lm-we-finished-it-simlink { min-height: 44px; } }
.lm-we-finished-it-k { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-we-finished-it-subhead { display: flex; flex-direction: column; gap: 6px; max-width: 760px; }

/* ---------- Hero layout ---------- */
.lm-we-finished-it-hero { padding-block: clamp(32px, 4.5vw, 64px) clamp(64px, 7vw, 104px); }
.lm-we-finished-it-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 480px); grid-template-areas: "intro form" "rest form"; grid-template-rows: auto 1fr; gap: 56px clamp(40px, 6vw, 88px); align-items: start; }
.lm-we-finished-it-hero__intro { grid-area: intro; display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
.lm-we-finished-it-hero__intro h1 { max-width: 13ch; }
.lm-we-finished-it-hero__intro .lead { max-width: 52ch; }
.lm-we-finished-it-hero__form { grid-area: form; display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.lm-we-finished-it-hero__rest { grid-area: rest; display: flex; flex-direction: column; gap: 48px; min-width: 0; }
@media (max-width: 1023px) {
  .lm-we-finished-it-hero__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "form" "rest"; grid-template-rows: none; gap: 32px; }
  .lm-we-finished-it-hero__form { max-width: 600px; width: 100%; }
  .lm-we-finished-it-hero__rest { margin-top: 24px; }
}
@media (max-width: 520px) {
  .lm-we-finished-it-hero__grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .lm-we-finished-it-hero__intro, .lm-we-finished-it-hero__form { display: contents; }
  .lm-we-finished-it-hero__intro > .eyebrow { display: none; }
  .lm-we-finished-it-hero__intro h1 { order: 1; font-size: 2.125rem; }
  .lm-we-finished-it-hero__intro .lead { order: 2; margin-top: 12px; font-size: 1.0625rem; }
  .lm-we-finished-it-card { order: 3; margin-top: 20px; }
  .lm-we-finished-it-proof { order: 4; margin-top: 20px; }
  .lm-we-finished-it-hero__rest { display: contents; }
  .lm-we-finished-it-what { order: 5; margin-top: 44px; }
  .lm-we-finished-it-sim { order: 6; margin-top: 44px; }
  .lm-we-finished-it-server { order: 7; margin-top: 12px; }
  .lm-we-finished-it-partway { order: 8; margin-top: 56px; }
  .lm-we-finished-it-person { order: 9; margin-top: 48px; }
}

.lm-we-finished-it-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin: 0; padding: 0; list-style: none; font-size: var(--fs-sm); color: var(--text-2); }
.lm-we-finished-it-proof > li { display: inline-flex; align-items: center; gap: 8px; }
.lm-we-finished-it-proof .i { width: 18px; height: 18px; color: var(--brand); }
.lm-we-finished-it-proof .stars .i { width: 15px; height: 15px; color: var(--star); }
@media (max-width: 520px) { .lm-we-finished-it-proof { gap: 8px 18px; } .lm-we-finished-it-proof > .rating { flex-basis: 100%; } }

/* ---------- Audit card ---------- */
.lm-we-finished-it-card { display: flex; flex-direction: column; gap: 16px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--shadow-pop); padding: 24px 28px 20px; scroll-margin-top: calc(var(--header-h) + 16px); }
@media (max-width: 520px) { .lm-we-finished-it-card { padding: 20px 18px 18px; border-radius: var(--r-lg); } }
.lm-we-finished-it-form { display: flex; flex-direction: column; gap: 16px; }
.lm-we-finished-it-card__top { display: flex; flex-direction: column; gap: 12px; }
.lm-we-finished-it-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.lm-we-finished-it-card__count { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-2); font-variant-numeric: tabular-nums; }
.lm-we-finished-it-card__count b { color: var(--text); font-weight: 500; }
@media (max-width: 360px) { .lm-we-finished-it-card__free { display: none; } }
@media (max-width: 420px) { .lm-we-finished-it-card.is-later .lm-we-finished-it-card__free { display: none; } }

.lm-we-finished-it-banner { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: var(--r-md); background: var(--mist); border: 1px solid var(--line); font-size: var(--fs-sm); line-height: 1.45; color: var(--text-2); }
.lm-we-finished-it-banner p { min-width: 0; }
.lm-we-finished-it-banner p .lm-we-finished-it-linkbtn { margin-left: 4px; vertical-align: baseline; }
.lm-we-finished-it-banner b { color: var(--text); font-weight: 600; }
.lm-we-finished-it-banner > .i { width: 17px; height: 17px; color: var(--text-2); }
.lm-we-finished-it-banner--known { background: var(--brand-tint); border-color: var(--brand-tint-2); color: var(--brand-ink); }
.lm-we-finished-it-banner--known b { color: var(--brand-ink); }
.lm-we-finished-it-banner--known .lm-we-finished-it-linkbtn { min-height: 32px; color: var(--brand-ink); text-decoration-color: var(--brand-tint-2); }
@media (pointer: coarse), (max-width: 760px) { .lm-we-finished-it-banner--known .lm-we-finished-it-linkbtn { min-height: 44px; } }
.lm-we-finished-it-banner__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand); flex: none; }
.lm-we-finished-it-banner__mark { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: var(--r-sm); background: var(--ink); color: var(--paper); font-family: var(--font-mono); font-size: 11px; font-weight: 600; flex: none; }

/* Steps */
.lm-we-finished-it-step { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.lm-we-finished-it-step:focus { outline: none; }
.lm-we-finished-it-step__title { float: left; width: 100%; padding: 0; font-size: 1.3125rem; line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; }
.lm-we-finished-it-step__title + .lm-we-finished-it-step__sub { margin-top: -8px; }
.lm-we-finished-it-step__sub { font-size: var(--fs-sm); color: var(--text-2); }
.lm-we-finished-it-fieldicon { position: relative; display: flex; align-items: center; }
.lm-we-finished-it-fieldicon > .i { position: absolute; left: 15px; width: 19px; height: 19px; color: var(--text-3); pointer-events: none; }
.lm-we-finished-it-fieldicon .input { padding-left: 44px; }
.lm-we-finished-it-input--lg { min-height: 56px; font-size: 1.0625rem; }
.lm-we-finished-it-card .input:not(.lm-we-finished-it-input--lg) { min-height: 48px; }
.lm-we-finished-it-card .field .hint { line-height: 1.45; }
.lm-we-finished-it-group { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.lm-we-finished-it-group > legend { float: left; width: 100%; padding: 0; font-size: var(--fs-sm); font-weight: 600; }
.lm-we-finished-it-group > legend.visually-hidden { float: none; width: 1px; }
.lm-we-finished-it-card .option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lm-we-finished-it-card .option { min-height: 50px; padding: 10px 14px; font-size: var(--fs-sm); line-height: 1.3; }
.lm-we-finished-it-budget__nb { grid-column: 1 / -1; }
.lm-we-finished-it-budget__txt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.lm-we-finished-it-budget__txt small { font-size: var(--fs-xs); font-weight: 400; color: var(--text-3); }
@media (max-width: 480px) { .lm-we-finished-it-card .option-grid { grid-template-columns: minmax(0, 1fr); } .lm-we-finished-it-card .option { min-height: 48px; } }

.lm-we-finished-it-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lm-we-finished-it-chip { position: relative; display: inline-flex; }
.lm-we-finished-it-chip input { position: absolute; opacity: 0; pointer-events: none; }
.lm-we-finished-it-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: var(--r-pill); font-size: var(--fs-sm); font-weight: 500; background: var(--paper); cursor: pointer; transition: border-color .15s, background-color .15s, color .15s; }
.lm-we-finished-it-chip span:hover { border-color: var(--ink); }
.lm-we-finished-it-chip input:checked + span { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.lm-we-finished-it-chip input:focus-visible + span { box-shadow: var(--ring); }

/* Instant preview ticket */
.lm-we-finished-it-ticket { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: var(--r-md); background: var(--mist); border: 1px solid var(--line); animation: lmIn .35s var(--ease); }
.lm-we-finished-it-ticket__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.lm-we-finished-it-ticket__status { display: inline-flex; align-items: center; gap: 9px; font-size: var(--fs-sm); font-weight: 600; white-space: nowrap; }
.lm-we-finished-it-ticket__status .mono { font-size: var(--fs-micro); font-weight: 400; color: var(--text-3); }
.lm-we-finished-it-ticket__main { font-size: var(--fs-sm); color: var(--text-2); line-height: 1.45; }
.lm-we-finished-it-ticket__main b { color: var(--text); font-weight: 600; }
.lm-we-finished-it-ticket__rows { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.lm-we-finished-it-ticket__rows li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-xs); color: var(--text-2); }
.lm-we-finished-it-ticket__n { color: var(--text-3); }
.lm-we-finished-it-ticket__dr { color: var(--text); font-variant-numeric: tabular-nums; }
.lm-we-finished-it-ticket__to { white-space: nowrap; }
.lm-we-finished-it-mask { display: block; width: var(--w, 9ch); max-width: 100%; height: 10px; border-radius: 3px; background: var(--line-strong); }
.lm-we-finished-it-ticket__foot { font-size: var(--fs-xs); color: var(--text-3); }
.lm-we-finished-it-ticket.is-compact { flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; font-size: var(--fs-xs); color: var(--text-2); animation: none; }
.lm-we-finished-it-ticket.is-compact b { color: var(--text); font-weight: 600; }
@media (max-width: 420px) { .lm-we-finished-it-ticket__status .mono { display: none; } }
@media (max-width: 400px) { .lm-we-finished-it-ticket__rows li { grid-template-columns: 14px minmax(0, 1fr) auto auto; gap: 10px; } }
@media (max-width: 359px) { .lm-we-finished-it-ticket__rows li { grid-template-columns: 14px minmax(0, 1fr) auto; } .lm-we-finished-it-ticket__to { display: none; } }

/* Channel choice */
.lm-we-finished-it-contact { display: flex; flex-direction: column; gap: 14px; }
.lm-we-finished-it-channel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; padding: 4px; border-radius: calc(var(--r-md) + 2px); background: var(--mist-2); }
.lm-we-finished-it-channel__opt { position: relative; display: flex; }
.lm-we-finished-it-channel__opt input { position: absolute; opacity: 0; pointer-events: none; }
.lm-we-finished-it-channel__opt span { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; border-radius: var(--r-md); font-size: var(--fs-sm); font-weight: 600; color: var(--text-2); cursor: pointer; transition: background-color .15s, color .15s, box-shadow .15s; }
.lm-we-finished-it-channel__opt span .i { width: 18px; height: 18px; }
.lm-we-finished-it-channel__opt input:checked + span { background: var(--paper); color: var(--text); box-shadow: var(--shadow-xs), 0 0 0 1px var(--line); }
.lm-we-finished-it-channel__opt input:focus-visible + span { box-shadow: var(--ring); }
.lm-we-finished-it-card .i--wa, .lm-we-finished-it-hesitate .i--wa { color: var(--whatsapp-ink); }
.lm-we-finished-it-chpanel { display: flex; flex-direction: column; gap: 12px; }

/* Bridge: mobile one-tap, desktop QR */
.lm-we-finished-it-bridge { display: flex; flex-direction: column; gap: 10px; }
.lm-we-finished-it-bridge__mob { display: flex; flex-direction: column; gap: 6px; }
.lm-we-finished-it-bridge__btn { min-height: 52px; white-space: normal; text-align: left; line-height: 1.25; }
.lm-we-finished-it-bridge__btn span { overflow-wrap: anywhere; }
.lm-we-finished-it-bridge__note { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.45; }
.lm-we-finished-it-bridge__desk { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--mist); }
.lm-we-finished-it-bridge__deskcopy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lm-we-finished-it-bridge__lead { font-size: var(--fs-sm); font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.lm-we-finished-it-qr { position: relative; width: 104px; padding: 0; border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--line); background: var(--paper); }
.lm-we-finished-it-qr svg { width: 104px; height: 104px; }
.lm-we-finished-it-qr__tag { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 2px 6px; border-radius: 4px; background: var(--warn-tint); color: var(--warn); font-family: var(--font-mono); font-size: 9.5px; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; }
html[data-wfi-device="desktop"] .lm-we-finished-it-bridge__mob { display: none; }
html[data-wfi-device="mobile"] .lm-we-finished-it-bridge__desk { display: none; }

.lm-we-finished-it-compose { border: 1px solid var(--line-strong); border-radius: var(--r-md); overflow: hidden; background: var(--paper); animation: lmIn .3s var(--ease); }
.lm-we-finished-it-compose__bar { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--mist); border-bottom: 1px solid var(--line); font-size: var(--fs-xs); color: var(--text-2); }
.lm-we-finished-it-compose__bar .i { width: 16px; height: 16px; }
.lm-we-finished-it-compose__bar .lm-we-finished-it-simtag { margin-left: auto; }
.lm-we-finished-it-compose__body { display: flex; align-items: center; gap: 10px; padding: 12px; }
.lm-we-finished-it-compose__draft { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px; background: var(--brand-tint); font-size: var(--fs-xs); color: var(--brand-ink); overflow-wrap: anywhere; }
.lm-we-finished-it-compose__body .btn { flex: none; min-height: 44px; }

.lm-we-finished-it-or { display: flex; align-items: center; gap: 12px; font-size: var(--fs-xs); color: var(--text-3); }
.lm-we-finished-it-or::before, .lm-we-finished-it-or::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.lm-we-finished-it-hesitate { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: var(--r-md); background: var(--brand-tint); border: 1px solid var(--brand-tint-2); font-size: var(--fs-sm); line-height: 1.45; color: var(--brand-ink); animation: lmIn .3s var(--ease); }
.lm-we-finished-it-hesitate .i { width: 18px; height: 18px; margin-top: 2px; }
.lm-we-finished-it-hesitate__body { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.lm-we-finished-it-hesitate__btn { display: block; min-height: 44px; padding: 10px 0; color: var(--brand-ink); text-decoration-color: var(--brand-tint-2); overflow-wrap: anywhere; }
.lm-we-finished-it-consent { padding: 2px 0; }
.lm-we-finished-it-consent span { color: var(--text); font-size: var(--fs-sm); }
.lm-we-finished-it-consent input { width: 20px; height: 20px; margin-top: 1px; }
.lm-we-finished-it-notice { display: flex; gap: 8px; align-items: flex-start; font-size: var(--fs-xs); line-height: 1.5; color: var(--text-2); }
.lm-we-finished-it-notice .i { width: 15px; height: 15px; margin-top: 2px; color: var(--text-2); }
.lm-we-finished-it-notice a { color: var(--text); }

/* Known contact: one tap */
.lm-we-finished-it-onetap { display: flex; flex-direction: column; gap: 6px; }
.lm-we-finished-it-onetap__btn { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 64px; padding: 10px 16px; border: 1px solid var(--brand); border-radius: var(--r-md); background: var(--brand); color: var(--paper); text-align: left; font: inherit; cursor: pointer; transition: background-color .18s var(--ease); }
.lm-we-finished-it-onetap__btn:hover { background: var(--brand-hover); }
.lm-we-finished-it-onetap__btn .i-arrow { margin-left: auto; width: 18px; height: 18px; transition: transform .2s var(--ease); }
.lm-we-finished-it-onetap__btn:hover .i-arrow { transform: translateX(3px); }
.lm-we-finished-it-onetap__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--brand-hover); flex: none; }
.lm-we-finished-it-onetap__icon .i { width: 18px; height: 18px; color: var(--paper); }
.lm-we-finished-it-onetap__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lm-we-finished-it-onetap__txt b { font-weight: 600; font-size: 1rem; }
.lm-we-finished-it-onetap__txt small { font-size: var(--fs-xs); opacity: .85; }
.lm-we-finished-it-onetap .lm-we-finished-it-linkbtn { align-self: flex-start; font-weight: 500; color: var(--text-2); }

/* Competitors */
.lm-we-finished-it-comps { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: var(--r-md); background: var(--mist); }
.lm-we-finished-it-comps .field label { font-size: var(--fs-xs); font-weight: 600; color: var(--text-2); }
.lm-we-finished-it-comps .input { min-height: 46px; padding-block: 10px; }

/* Hold my audit */
.lm-we-finished-it-hold { display: flex; flex-direction: column; gap: 14px; padding: 16px; border: 1px solid var(--line-strong); border-radius: var(--r-lg); background: var(--paper); animation: lmIn .3s var(--ease); }
.lm-we-finished-it-hold__head { display: flex; gap: 12px; align-items: flex-start; }
.lm-we-finished-it-hold__head .icon-tile { width: 40px; height: 40px; }
.lm-we-finished-it-hold__head .icon-tile .i { width: 20px; height: 20px; }
.lm-we-finished-it-hold__title { font-size: var(--fs-h4); font-weight: 600; letter-spacing: -0.01em; }
.lm-we-finished-it-hold__sub { font-size: var(--fs-sm); color: var(--text-2); line-height: 1.45; }
.lm-we-finished-it-windows { display: flex; flex-direction: column; gap: 6px; }
.lm-we-finished-it-card .lm-we-finished-it-window { min-height: 56px; padding: 9px 14px; align-items: center; }
.lm-we-finished-it-window__txt { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1; }
.lm-we-finished-it-window__txt b { font-weight: 600; }
.lm-we-finished-it-window__txt small { font-size: var(--fs-xs); font-weight: 400; color: var(--text-3); line-height: 1.35; }
.lm-we-finished-it-window__wk { flex: none; font-size: 11px; color: var(--text-2); white-space: nowrap; }
.lm-we-finished-it-hold__extra { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (max-width: 400px) { .lm-we-finished-it-card .lm-we-finished-it-window { flex-wrap: wrap; } .lm-we-finished-it-window__wk { flex-basis: 100%; padding-left: 32px; } }

/* Actions + micro-copy */
.lm-we-finished-it-actions { display: flex; gap: 10px; align-items: stretch; }
.lm-we-finished-it-actions .btn { min-height: 54px; }
.lm-we-finished-it-actions [data-next] { flex: 1; }
.lm-we-finished-it-actions [data-back] { padding-inline: 16px; }
@media (max-width: 400px) {
  .lm-we-finished-it-actions [data-back] { flex: none; width: 54px; padding: 0; }
  .lm-we-finished-it-back__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.lm-we-finished-it-sendnow { align-self: center; margin-top: -8px; font-weight: 500; color: var(--text-2); }
.lm-we-finished-it-reply { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: -4px; font-size: var(--fs-xs); font-weight: 500; line-height: 1.4; color: var(--text-2); text-wrap: balance; }
.lm-we-finished-it-reply > span:last-child { min-width: 0; }
.lm-we-finished-it-reply__av { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--paper); font-size: 10.5px; font-weight: 600; letter-spacing: .02em; flex: none; }
.lm-we-finished-it-card__foot { padding-top: 14px; border-top: 1px solid var(--line); font-size: var(--fs-xs); line-height: 1.5; color: var(--text-3); }
.lm-we-finished-it-card__foot p { display: flex; gap: 8px; align-items: flex-start; }
.lm-we-finished-it-card__foot .i { width: 15px; height: 15px; margin-top: 1px; color: var(--text-2); }
.lm-we-finished-it-card__foot a { color: var(--text-2); }

/* Post-capture and simulation states inside the card */
.lm-we-finished-it-done { display: flex; flex-direction: column; gap: 14px; animation: lmIn .35s var(--ease); }
.lm-we-finished-it-done:focus { outline: none; }
.lm-we-finished-it-done__h { font-size: 1.375rem; line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; text-wrap: balance; }
.lm-we-finished-it-done__h:focus { outline: none; }
.lm-we-finished-it-done__p { font-size: var(--fs-sm); color: var(--text-2); line-height: 1.55; }
.lm-we-finished-it-done__p b { color: var(--text); font-weight: 600; overflow-wrap: anywhere; }
.lm-we-finished-it-done__list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.lm-we-finished-it-done__list li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); line-height: 1.45; }
.lm-we-finished-it-done__list .i { width: 17px; height: 17px; margin-top: 2px; color: var(--brand); }
.lm-we-finished-it-done__note { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.55; }
.lm-we-finished-it-done__note .link-arrow { font-size: var(--fs-xs); }
.lm-we-finished-it-done__btns { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-top: 4px; }
.lm-we-finished-it-done__btns .btn { min-height: 44px; }
.lm-we-finished-it-tile--quiet { background: var(--mist); color: var(--text-2); }
.lm-we-finished-it-simbtn { border-style: dashed; }
.lm-we-finished-it-tl { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.lm-we-finished-it-tl li { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); color: var(--text-2); line-height: 1.45; }
.lm-we-finished-it-tl time { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text); padding-top: 2px; font-variant-numeric: tabular-nums; }
@media (max-width: 400px) { .lm-we-finished-it-tl li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

.lm-we-finished-it-snap { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: var(--r-md); background: var(--mist); }
.lm-we-finished-it-snap__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.lm-we-finished-it-snap__nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line-strong); }
.lm-we-finished-it-snap__nums > div { display: flex; flex-direction: column; gap: 4px; padding: 12px 12px 2px 0; min-width: 0; }
.lm-we-finished-it-snap__nums > div + div { padding-left: 12px; border-left: 1px solid var(--line-strong); }
.lm-we-finished-it-snap__nums b { font-size: 1.75rem; line-height: 1; font-weight: 600; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.lm-we-finished-it-snap__nums span { display: flex; flex-direction: column; gap: 2px; font-size: var(--fs-xs); color: var(--text-2); line-height: 1.35; min-width: 0; }
.lm-we-finished-it-snap__nums small { font-size: 11.5px; color: var(--text-3); overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .lm-we-finished-it-snap__nums { grid-template-columns: minmax(0, 1fr); }
  .lm-we-finished-it-snap__nums > div, .lm-we-finished-it-snap__nums > div + div { flex-direction: row; align-items: baseline; gap: 14px; padding: 10px 0; border-left: 0; }
  .lm-we-finished-it-snap__nums > div + div { border-top: 1px solid var(--line); }
  .lm-we-finished-it-snap__nums b { flex: none; min-width: 64px; font-size: 1.5rem; }
}

/* Simulation bar and server copy (prototype instruments) */
.lm-we-finished-it-sim { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px dashed var(--line-strong); border-radius: var(--r-lg); background: var(--mist); }
.lm-we-finished-it-sim__k { display: flex; align-items: center; gap: 10px; font-size: var(--fs-sm); font-weight: 600; }
.lm-we-finished-it-sim__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.lm-we-finished-it-sim__btns .btn { min-height: 44px; padding-inline: 14px; }
.lm-we-finished-it-sim__btns .btn .i { width: 16px; height: 16px; }
.lm-we-finished-it-sim__note { font-size: var(--fs-xs); color: var(--text-3); line-height: 1.5; }
.lm-we-finished-it-server { padding: 14px 16px 8px; border: 1px dashed var(--line-strong); border-radius: var(--r-lg); }
.lm-we-finished-it-server__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 8px; }
.lm-we-finished-it-server__k { font-size: var(--fs-sm); font-weight: 600; }
.lm-we-finished-it-server__dl > div { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); font-size: var(--fs-xs); line-height: 1.45; }
.lm-we-finished-it-server__dl dt { position: relative; padding-left: 16px; font-family: var(--font-mono); font-size: 11px; color: var(--text-3); }
.lm-we-finished-it-server__dl dt::before { content: ""; position: absolute; left: 0; top: 5px; width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid var(--line-strong); }
.lm-we-finished-it-server__dl .is-on dt::before { background: var(--brand); border-color: var(--brand); }
.lm-we-finished-it-server__dl .is-typed dt::before { background: var(--warn-tint); border-color: var(--warn); }
.lm-we-finished-it-server__dl dd { min-width: 0; color: var(--text); overflow-wrap: anywhere; }
.lm-we-finished-it-server__at { margin-left: 8px; font-size: 10.5px; color: var(--text-3); white-space: nowrap; }
.lm-we-finished-it-server__typed { color: var(--warn); }
@media (max-width: 400px) { .lm-we-finished-it-server__dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* Left column: what you get, the promise and the person */
.lm-we-finished-it-what { display: flex; flex-direction: column; gap: 18px; }
.lm-we-finished-it-what__list { gap: 10px; max-width: 60ch; }
.lm-we-finished-it-sample { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); }
.lm-we-finished-it-sample__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.lm-we-finished-it-sample__rows { margin: 0; padding: 0; list-style: none; }
.lm-we-finished-it-sample__rows li { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 12px 16px; }
.lm-we-finished-it-sample__rows li + li { border-top: 1px solid var(--line); }
.lm-we-finished-it-sample__site { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: var(--fs-sm); }
.lm-we-finished-it-sample__site b { font-weight: 600; color: var(--text); }
.lm-we-finished-it-sample__site .mono { font-size: 11.5px; color: var(--text-3); font-variant-numeric: tabular-nums; }
.lm-we-finished-it-sample__site .mono > span { white-space: nowrap; }
.lm-we-finished-it-sample__v { flex: none; padding: 3px 10px; border-radius: var(--r-pill); border: 1px solid var(--line); font-size: var(--fs-xs); color: var(--text-2); white-space: nowrap; }
.lm-we-finished-it-sample__v.is-go { border-color: var(--brand-tint-2); background: var(--brand-tint); color: var(--brand-ink); }
@media (max-width: 560px) { .lm-we-finished-it-sample__rows li { flex-direction: column; align-items: flex-start; } }
.lm-we-finished-it-related { max-width: 80ch; }
.lm-we-finished-it-related a { color: var(--text); text-underline-offset: 3px; }
.lm-we-finished-it-partway { display: flex; flex-direction: column; gap: 16px; }
.lm-we-finished-it-partway__dl { border-top: 1px solid var(--line); }
.lm-we-finished-it-partway__dl > div { display: grid; grid-template-columns: 164px minmax(0, 1fr); gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.lm-we-finished-it-partway__k { font-family: var(--font-mono); font-size: var(--fs-micro); letter-spacing: var(--track-label); text-transform: uppercase; color: var(--text-2); }
.lm-we-finished-it-partway__dl dt { padding-top: 3px; }
.lm-we-finished-it-partway__dl dd { font-size: var(--fs-sm); color: var(--text-2); line-height: 1.55; max-width: 52ch; }
.lm-we-finished-it-partway__dl dd b { color: var(--text); font-weight: 600; }
@media (max-width: 560px) { .lm-we-finished-it-partway__dl > div { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 14px 0; } }
.lm-we-finished-it-person { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; }
.lm-we-finished-it-avatar { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--ink); color: var(--paper); font-weight: 600; font-size: 1.0625rem; letter-spacing: .02em; }
.lm-we-finished-it-person__name { margin-top: 8px; font-size: var(--fs-h4); font-weight: 600; letter-spacing: -0.01em; }
.lm-we-finished-it-person__role { font-size: var(--fs-xs); color: var(--text-3); margin-top: 2px; }
.lm-we-finished-it-person__note { margin-top: 12px; font-size: var(--fs-sm); color: var(--text-2); line-height: 1.6; max-width: 52ch; }

/* ---------- Delivery (what the visitor receives) ---------- */
.lm-we-finished-it-delivery { scroll-margin-top: calc(var(--header-h) + 8px); }
.lm-we-finished-it-delhead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 32px; }
.lm-we-finished-it-delhead h2:focus { outline: none; }
.lm-we-finished-it-delhead__labels { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lm-we-finished-it-delhead__labels .badge .i { width: 14px; height: 14px; }
.lm-we-finished-it-previews { display: grid; grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 24px; align-items: start; }
.lm-we-finished-it-previews .lm-chat { max-width: none; }
.lm-we-finished-it-previews .lm-chat__head > div { min-width: 0; }
.lm-we-finished-it-previews .lm-msg { max-width: 92%; overflow-wrap: anywhere; }
.lm-we-finished-it-previews .lm-email__meta span { overflow-wrap: anywhere; }
@media (max-width: 900px) { .lm-we-finished-it-previews { grid-template-columns: minmax(0, 1fr); } }
.lm-we-finished-it-msgtag { display: block; margin-bottom: 4px; font-family: var(--font-mono); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: var(--warn); }

.lm-we-finished-it-bars { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-md); }
.lm-we-finished-it-bars__row { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) 40px; gap: 10px; align-items: center; font-size: var(--fs-xs); }
.lm-we-finished-it-bars__n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.lm-we-finished-it-bars__t { height: 8px; border-radius: 4px; background: var(--mist-2); overflow: hidden; }
.lm-we-finished-it-bars__t i { display: block; height: 100%; border-radius: 4px; background: var(--ink); }
.lm-we-finished-it-bars__row.is-you .lm-we-finished-it-bars__n { color: var(--text); font-weight: 600; }
.lm-we-finished-it-bars__row.is-you .lm-we-finished-it-bars__t i { background: var(--brand); }
.lm-we-finished-it-bars__v { text-align: right; font-variant-numeric: tabular-nums; color: var(--text); }
@media (max-width: 420px) { .lm-we-finished-it-bars__row { grid-template-columns: minmax(0, 1fr) 40px; } .lm-we-finished-it-bars__t { grid-column: 1 / -1; grid-row: 2; } }
.lm-we-finished-it-cmp { width: 100%; min-width: 360px; border-collapse: collapse; font-size: var(--fs-xs); }
.lm-we-finished-it-cmp th, .lm-we-finished-it-cmp td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: right; }
.lm-we-finished-it-cmp th[scope="row"], .lm-we-finished-it-cmp thead th:first-child { text-align: left; font-weight: 500; color: var(--text-2); }
.lm-we-finished-it-cmp thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3); }
.lm-we-finished-it-cmp td { color: var(--text); font-variant-numeric: tabular-nums; }

/* ---------- How this fires ---------- */
.lm-we-finished-it-fires .lm-fires dd { color: var(--text-2); line-height: 1.55; }
.lm-we-finished-it-fires .lm-fires dd b { font-family: var(--font-mono); font-size: var(--fs-xs); font-weight: 500; color: var(--text); }
.lm-we-finished-it-hosts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 760px) { .lm-we-finished-it-hosts { grid-template-columns: minmax(0, 1fr); } }
.lm-we-finished-it-host { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.lm-we-finished-it-host figcaption { font-size: var(--fs-xs); color: var(--text-3); }
.lm-we-finished-it-host figcaption .mono { color: var(--text); }
.lm-we-finished-it-host__frame { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); min-height: 196px; }
.lm-we-finished-it-host__h { font-size: var(--fs-h4); font-weight: 600; letter-spacing: -0.01em; }
.lm-we-finished-it-host__form { display: flex; gap: 6px; width: 100%; padding: 5px; border: 1px solid var(--line-strong); border-radius: calc(var(--r-md) + 5px); box-shadow: var(--shadow-xs); }
.lm-we-finished-it-host__form:focus-within { border-color: var(--brand); box-shadow: var(--ring); }
.lm-we-finished-it-host__form .input { flex: 1; min-width: 0; min-height: 46px; border: 0; box-shadow: none; }
.lm-we-finished-it-host__form .input:focus { box-shadow: none; }
.lm-we-finished-it-host__form .btn { min-height: 46px; }
@media (max-width: 420px) { .lm-we-finished-it-host__form { flex-direction: column; } .lm-we-finished-it-host__form .btn { width: 100%; } }
.lm-we-finished-it-host__ghost { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.lm-we-finished-it-host__ghost i { display: block; height: 9px; border-radius: 5px; background: var(--mist-2); }
.lm-we-finished-it-host__ghost i:nth-child(1) { width: 62%; }
.lm-we-finished-it-host__ghost i:nth-child(2) { width: 88%; }
.lm-we-finished-it-host__ghost i:nth-child(3) { width: 74%; }
.lm-we-finished-it-host__resume { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: var(--r-md); background: var(--mist); }
.lm-we-finished-it-host__resume .icon-tile { width: 40px; height: 40px; }
.lm-we-finished-it-host__resume .icon-tile .i { width: 20px; height: 20px; }
.lm-we-finished-it-host__strong { font-size: var(--fs-sm); font-weight: 600; line-height: 1.35; }
.lm-we-finished-it-host .btn--sm { min-height: 44px; }
.lm-we-finished-it-host__sim { border-style: dashed; }
.lm-we-finished-it-exit { display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 18px; border-radius: var(--r-lg); background: var(--paper); border: 1px solid var(--line-strong); box-shadow: var(--shadow-pop); animation: lmIn .3s var(--ease); }
.lm-we-finished-it-exit__btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }

/* ---------- Behind the scenes ---------- */
.lm-we-finished-it-bts .section-head--row > :first-child { max-width: 760px; }
.lm-we-finished-it-seq { width: 100%; min-width: 720px; border-collapse: collapse; font-size: var(--fs-sm); background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.lm-we-finished-it-seq th, .lm-we-finished-it-seq td { padding: 12px 18px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; line-height: 1.5; }
.lm-we-finished-it-seq thead th { font-family: var(--font-mono); font-size: 10.5px; font-weight: 500; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-we-finished-it-seq tbody tr:last-child td { border-bottom: 0; }
.lm-we-finished-it-seq tr.is-first td { border-top: 1px solid var(--line-strong); }
.lm-we-finished-it-seq__when { font-weight: 600; min-width: 170px; }
.lm-we-finished-it-seq td.muted { color: var(--text-2); }
.lm-we-finished-it-path { display: inline-flex; align-items: center; min-height: 24px; padding: 0 9px; border-radius: var(--r-pill); background: var(--mist); border: 1px solid var(--line); font-size: var(--fs-xs); font-weight: 600; white-space: nowrap; }

.lm-we-finished-it-crm { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--paper); box-shadow: var(--shadow-card); overflow: hidden; }
.lm-we-finished-it-crm__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px 32px; padding: 20px 24px; border-bottom: 1px solid var(--line); }
.lm-we-finished-it-crm__name { font-size: var(--fs-h4); font-weight: 600; letter-spacing: -0.01em; margin-top: 4px; }
.lm-we-finished-it-crm__band { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.lm-we-finished-it-crm__score { font-size: 2.25rem; line-height: 1; font-weight: 600; letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.lm-we-finished-it-crm__tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 14px 24px; border-bottom: 1px solid var(--line); background: var(--mist); }
.lm-we-finished-it-tag { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border-radius: var(--r-xs); background: var(--paper); border: 1px solid var(--line); font-family: var(--font-mono); font-size: 11.5px; color: var(--text); }
.lm-we-finished-it-tag.is-hard { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.lm-we-finished-it-crm__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
.lm-we-finished-it-crm__dl { padding: 8px 24px; }
.lm-we-finished-it-crm__dl > div { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-sm); }
.lm-we-finished-it-crm__dl > div:last-child { border-bottom: 0; }
.lm-we-finished-it-crm__dl dt { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); padding-top: 3px; }
.lm-we-finished-it-crm__dl dd { min-width: 0; overflow-wrap: anywhere; line-height: 1.5; }
.lm-we-finished-it-crm__tl { display: flex; flex-direction: column; gap: 4px; }
.lm-we-finished-it-crm__tl > span { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px; }
.lm-we-finished-it-crm__tl time { font-family: var(--font-mono); font-size: var(--fs-xs); color: var(--text-3); padding-top: 2px; }
.lm-we-finished-it-crm__side { display: flex; flex-direction: column; gap: 22px; padding: 20px 24px; border-left: 1px solid var(--line); background: var(--mist); }
.lm-we-finished-it-crm__list { list-style: none; padding: 0; margin: 8px 0; font-size: var(--fs-sm); }
.lm-we-finished-it-crm__list li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-bottom: 1px dashed var(--line-strong); }
.lm-we-finished-it-crm__list b { font-variant-numeric: tabular-nums; font-weight: 600; }
.lm-we-finished-it-crm__list b.is-neg { color: var(--danger); }
.lm-we-finished-it-crm__list li.is-total { border-bottom: 0; font-weight: 600; }
.lm-we-finished-it-crm__route { margin-top: 6px; line-height: 1.55; color: var(--text); }
.lm-we-finished-it-crm__opener { margin: 8px 0; padding: 14px 16px; border-radius: var(--r-md); background: var(--paper); border: 1px solid var(--line); font-size: var(--fs-sm); line-height: 1.55; color: var(--text); }
.lm-we-finished-it-crm__json { border-top: 1px solid var(--line); }
.lm-we-finished-it-crm__json summary { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 24px; cursor: pointer; list-style: none; font-size: var(--fs-sm); font-weight: 600; }
.lm-we-finished-it-crm__json summary::-webkit-details-marker { display: none; }
.lm-we-finished-it-crm__json summary .i { width: 16px; height: 16px; color: var(--text-3); }
.lm-we-finished-it-crm__json pre { margin: 0; padding: 16px 24px 20px; max-height: 360px; overflow: auto; background: var(--mist); border-top: 1px solid var(--line); font-family: var(--font-mono); font-size: 12px; line-height: 1.6; color: var(--text-2); }
@media (max-width: 960px) { .lm-we-finished-it-crm__grid { grid-template-columns: minmax(0, 1fr); } .lm-we-finished-it-crm__side { border-left: 0; border-top: 1px solid var(--line); } }
@media (max-width: 560px) {
  .lm-we-finished-it-crm__top, .lm-we-finished-it-crm__side { padding: 18px; }
  .lm-we-finished-it-crm__tags { padding: 12px 18px; }
  .lm-we-finished-it-crm__dl { padding: 4px 18px; }
  .lm-we-finished-it-crm__dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .lm-we-finished-it-crm__tl { gap: 8px; }
  .lm-we-finished-it-crm__tl > span { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lm-we-finished-it-crm__json summary { padding: 0 18px; }
  .lm-we-finished-it-crm__json pre { padding: 14px 18px; }
  .lm-we-finished-it-crm__band { align-items: flex-start; }
}

.lm-we-finished-it-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.lm-we-finished-it-kpis > div { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; background: var(--paper); min-width: 0; }
.lm-we-finished-it-kpis__k { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--text-3); }
.lm-we-finished-it-kpis__v { font-size: 1.75rem; font-weight: 600; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.lm-we-finished-it-kpis__n { font-size: var(--fs-xs); color: var(--text-2); line-height: 1.5; }
@media (max-width: 960px) { .lm-we-finished-it-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .lm-we-finished-it-kpis > div { padding: 16px; } .lm-we-finished-it-kpis__v { font-size: 1.5rem; } }

/* Mobile: the sticky CTA steps aside while the audit card is on screen (it would duplicate the form). */
@media (max-width: 760px) {
  body.lm-we-finished-it-formvis .sticky-cta { transform: translateY(110%); }
  body.lm-we-finished-it-formvis { --cookie-lift: 0px; }
}
