:root {
  --ink: #172126;
  --muted: #637177;
  --soft: #eef2f1;
  --line: #d8dfdc;
  --green: #16765a;
  --green-dark: #0d5540;
  --mint: #dcefe7;
  --coral: #dd624b;
  --gold: #d8a83e;
  --paper: #ffffff;
  --dark: #162126;
  --radius: 6px;
}

* { box-sizing: border-box; }
html { color-scheme: light; }
body {
  margin: 0;
  color: var(--ink);
  background: #f4f6f5;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}
.wkr-beta-page .prototype-bar { display: none; }
.wkr-beta-page .view { min-height: 100vh; }
.wkr-beta-page .limit-view,
.wkr-beta-page .sales-view { display: none !important; }
button, input, select { font: inherit; }
button { cursor: pointer; }

.prototype-bar {
  min-height: 54px;
  padding: 8px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #eaf1ee;
  background: #111a1e;
}
.prototype-bar > div:first-child { display: flex; gap: 10px; align-items: baseline; }
.prototype-bar span { color: #9caaa5; font-size: 12px; }
.prototype-actions, .tenant-switch { display: flex; align-items: center; gap: 8px; }
.tenant-switch select, .bar-button {
  height: 36px;
  color: #eef5f2;
  background: #253137;
  border: 1px solid #425057;
  border-radius: 4px;
  padding: 0 12px;
}
.bar-button.primary { background: var(--green); border-color: var(--green); }

.view { display: none; min-height: 100vh; }
.view.active { display: block; }

.entry-view {
  background:
    linear-gradient(90deg, rgba(255,255,255,.97) 0 58%, rgba(229,238,234,.82) 58%),
    #fff;
}
.entry-shell { max-width: 1440px; min-height: calc(100vh - 54px); margin: auto; position: relative; }
.brand-header, .workspace-header, .simple-header {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(23,33,38,.12);
  padding: 0 5vw;
}
.brand-logo, .workspace-logo { width: 142px; height: auto; object-fit: contain; }
.secure-label, .autosave { color: var(--muted); font-size: 13px; }
.entry-content { width: 57%; padding: clamp(58px, 8vh, 110px) 7vw 70px 7vw; }
.eyebrow, .small-label {
  margin: 0 0 12px;
  color: var(--green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
}
.entry-content h1 {
  max-width: 620px;
  margin: 0;
  font-size: clamp(28px, 3vw, 43px);
  line-height: 1.12;
  font-weight: 650;
}
.entry-copy { max-width: 680px; color: var(--muted); font-size: 20px; line-height: 1.55; }
.entry-proof { display: flex; gap: 36px; margin: 38px 0; }
.entry-proof div { display: grid; gap: 3px; }
.entry-proof strong { font-size: 22px; }
.entry-proof span { color: var(--muted); font-size: 13px; }
.main-button, .continue-button {
  min-height: 48px;
  padding: 0 20px;
  border: 0;
  border-radius: 4px;
  color: white;
  background: var(--green);
  font-weight: 700;
}
.main-button:hover, .continue-button:hover { background: var(--green-dark); }
.main-button.small { min-height: 40px; }
.main-button.full { width: 100%; }
.privacy-note, .microcopy { max-width: 580px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.entry-preview {
  position: absolute;
  top: 18%;
  right: 5vw;
  width: 34%;
  min-height: 520px;
  padding: 28px;
  color: #eaf1ee;
  background: var(--dark);
  box-shadow: 0 25px 70px rgba(21,40,34,.22);
}
.preview-header { display: flex; align-items: center; gap: 8px; color: #a9bbb5; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #62c99c; box-shadow: 0 0 0 5px rgba(98,201,156,.12); }
.preview-flow { display: flex; align-items: center; gap: 8px; margin: 55px 0; }
.flow-node { flex: 1; min-height: 72px; display: grid; place-items: center; text-align: center; border: 1px solid #47565c; color: #99a9a4; font-size: 12px; }
.flow-node.complete { border-color: #5d8f7d; color: #bde2d3; }
.flow-node.active { color: white; background: #224f41; border-color: #4fa47f; }
.preview-card { padding: 25px; background: #f6faf8; color: var(--ink); }
.preview-card h3 { margin: 10px 0 30px; font-size: 24px; line-height: 1.2; }
.signal-row { display: flex; justify-content: space-between; padding: 13px 0; border-top: 1px solid var(--line); font-size: 13px; }
.signal-row strong { color: var(--green); }

.workspace-view { background: #fff; }
.workspace-header { height: 72px; padding: 0 3vw; background: #fff; }
.workspace-logo { width: 114px; }
.outcome-progress { display: flex; gap: 6px; }
.progress-item {
  padding: 7px 12px;
  color: #8b9793;
  border-bottom: 2px solid #d9dfdc;
  font-size: 12px;
}
.progress-item.active { color: var(--green); border-color: var(--green); font-weight: 700; }
.workspace-grid { min-height: calc(100vh - 126px); display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr); }
.question-pane { position: relative; padding: clamp(42px, 7vh, 90px) clamp(34px, 7vw, 110px); border-right: 1px solid var(--line); }
.question-meta { display: flex; justify-content: space-between; margin-bottom: 30px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.question-title { max-width: 720px; margin: 0; font-size: clamp(32px, 3.4vw, 52px); line-height: 1.1; font-weight: 650; }
.question-help { max-width: 620px; color: var(--muted); line-height: 1.5; }
.option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin-top: 32px; }
.option-button {
  min-height: 58px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 4px;
}
.option-button:hover { border-color: #87aa9d; background: #f5faf8; }
.option-button.selected { color: var(--green-dark); border-color: var(--green); background: var(--mint); font-weight: 700; }
.option-button.selected::after { content: "✓"; }
.option-button:disabled { opacity: .5; cursor: not-allowed; }
.question-footer { min-height: 64px; margin-top: 32px; display: flex; justify-content: space-between; align-items: center; }
.text-button, .link-button { border: 0; background: transparent; color: var(--muted); text-decoration: underline; padding: 10px 0; }
.brief-pane { padding: clamp(36px, 5vh, 62px) clamp(28px, 4vw, 65px); background: #eef3f0; }
.brief-heading, .block-title { display: flex; justify-content: space-between; gap: 20px; }
.brief-heading h2 { margin: 5px 0 24px; font-size: 25px; }
.live-badge { height: 27px; padding: 0 9px; display: inline-flex; align-items: center; gap: 6px; color: var(--green); background: white; border: 1px solid #c9dbd4; font-size: 11px; font-weight: 700; }
.live-badge span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.analysis-pulse { display: flex; gap: 10px; align-items: center; padding: 14px; color: #416057; background: #dfeae5; font-size: 13px; }
.pulse-icon { width: 11px; height: 11px; border: 2px solid #84a79a; border-top-color: var(--green); border-radius: 50%; animation: spin 1.1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.brief-block { padding: 21px 0; border-bottom: 1px solid #ccd8d3; display: grid; gap: 7px; }
.brief-label { color: #708079; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.brief-block strong { font-size: 18px; line-height: 1.3; }
.block-title span:last-child { color: var(--muted); font-size: 11px; }
.finding-list { display: grid; gap: 10px; list-style: none; padding: 0; margin: 5px 0 0; }
.finding-list li:not(.empty-finding) { padding-left: 19px; position: relative; line-height: 1.35; }
.finding-list li:not(.empty-finding)::before { content: ""; position: absolute; left: 0; top: 7px; width: 7px; height: 7px; background: var(--coral); }
.empty-finding { color: #89958f; font-style: italic; }
.brief-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 22px 0; background: #cad6d1; }
.brief-metrics div { padding: 17px; background: #fff; display: grid; gap: 7px; }
.brief-metrics span { color: var(--muted); font-size: 11px; }
.brief-metrics strong { color: var(--green); }
.recommendation { border: 0; padding: 20px; background: var(--dark); color: white; }
.recommendation .brief-label { color: #8fb4a6; }
.mobile-brief-button { display: none; }

.result-shell, .gate-shell { max-width: 1180px; min-height: calc(100vh - 54px); margin: auto; }
.simple-header { padding: 0; }
.result-card { max-width: 820px; margin: 60px auto; padding: 58px; background: white; border: 1px solid var(--line); box-shadow: 0 20px 60px rgba(28,52,43,.08); }
.result-tick { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 25px; border-radius: 50%; color: white; background: var(--green); font-weight: 800; }
.result-card h2, .gate-value h2, .generating-card h2, .limit-card h2 { margin: 0; font-size: clamp(36px, 4.5vw, 58px); line-height: 1.05; }
.result-card > p:not(.eyebrow) { color: var(--muted); font-size: 18px; line-height: 1.55; }
.result-summary { margin: 35px 0; display: grid; grid-template-columns: 1.5fr .7fr .8fr; border: 1px solid var(--line); }
.result-summary div { padding: 18px; display: grid; gap: 7px; border-right: 1px solid var(--line); }
.result-summary div:last-child { border: 0; }
.result-summary span { color: var(--muted); font-size: 11px; }
.positive { color: var(--green); }
.result-findings { margin-bottom: 30px; }
.result-findings h2 { font-size: 20px; }
.result-findings li { margin: 8px 0; }
.result-interpretation { margin: -18px 0 28px; padding: 16px 18px; display: grid; gap: 5px; background: #edf4f0; border-left: 3px solid var(--green); border-radius: 0 7px 7px 0; }
.result-interpretation span { color: var(--green); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.result-interpretation strong { font-size: 14px; line-height: 1.45; }
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.gate-shell { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: center; padding: 60px 40px; }
.gate-value ul { padding: 0; list-style: none; margin-top: 35px; }
.gate-value li { padding: 13px 0 13px 28px; position: relative; border-bottom: 1px solid var(--line); }
.gate-value li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 800; }
.contact-form { display: grid; gap: 17px; padding: 40px; background: white; border: 1px solid var(--line); box-shadow: 0 20px 60px rgba(28,52,43,.08); }
.contact-form h2 { margin: 5px 0; font-size: 28px; }
.contact-form p { margin: 0; color: var(--muted); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-form label:not(.consent-row) { display: grid; gap: 7px; font-size: 12px; font-weight: 700; }
.contact-form label span { color: var(--muted); font-weight: 400; }
.contact-form input:not([type="checkbox"]) { height: 48px; padding: 0 12px; border: 1px solid #bcc8c3; border-radius: 3px; }
.contact-form input:focus { outline: 2px solid #79a797; outline-offset: 1px; }
.consent-row { display: flex; gap: 10px; align-items: flex-start; color: var(--muted); font-size: 12px; line-height: 1.45; }
.consent-row input { margin-top: 3px; }
.limit-note { padding: 13px; display: grid; gap: 3px; background: #f0f4f2; font-size: 12px; }
.form-error { margin: 0; padding: 12px 14px; color: #8c2f22 !important; background: #fff1ee; border: 1px solid #efc4bb; border-radius: 6px; font-size: 12px; }

.generating-view { background: var(--dark); color: white; }
.generating-card { max-width: 680px; margin: auto; padding: 100px 30px; }
.generating-mark { width: 65px; height: 65px; margin-bottom: 30px; border: 1px solid #4d665d; display: grid; place-items: center; }
.generating-mark span { width: 22px; height: 22px; border: 3px solid #7a998d; border-top-color: #69c99f; border-radius: 50%; animation: spin 1s linear infinite; }
.generation-steps { margin-top: 45px; display: grid; }
.generation-steps div { padding: 16px 0; display: flex; align-items: center; gap: 13px; color: #71847d; border-bottom: 1px solid #34433e; }
.generation-steps div span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #53665f; border-radius: 50%; }
.generation-steps .done { color: #9acdb8; }
.generation-steps .active { color: white; }
.generation-steps .active span { border: 2px solid #53665f; border-top-color: #69c99f; animation: spin 1s linear infinite; }

.report-view { background: #e8ecea; }
.report-toolbar { min-height: 70px; padding: 10px 3vw; display: flex; justify-content: space-between; align-items: center; gap: 20px; background: white; border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 3; }
.report-toolbar > div { display: flex; align-items: center; gap: 16px; }
.secondary-button { min-height: 42px; padding: 0 15px; border: 1px solid #aebcb6; border-radius: 4px; color: var(--ink); background: white; font-weight: 700; }
.report-document { max-width: 1120px; margin: 35px auto; overflow: hidden; background: white; border-radius: 8px; box-shadow: 0 20px 60px rgba(24,41,35,.13); }
.report-hero { min-height: 310px; padding: 58px 70px; display: flex; justify-content: space-between; align-items: center; gap: 40px; color: white; background: var(--dark); }
.report-hero h2 { max-width: 660px; margin: 0 0 22px; font-size: clamp(38px, 4.6vw, 58px); line-height: 1.06; }
.score-seal { width: 150px; aspect-ratio: 1; display: grid; place-content: center; text-align: center; border: 1px solid #5f756d; border-radius: 50%; }
.score-seal strong { font-size: 62px; color: #75d4ad; }
.score-seal span { color: #aebdb7; font-size: 12px; }
.score-strip { display: grid; grid-template-columns: repeat(3, 1fr); background: #dbe3df; gap: 1px; }
.score-strip div { padding: 25px 35px; display: grid; gap: 6px; background: white; }
.score-strip span { color: var(--muted); font-size: 11px; }
.score-strip strong { font-size: 24px; }
.score-meaning-strip { padding: 18px 35px; display: flex; justify-content: space-between; gap: 20px; align-items: center; color: #355148; background: #e7f3ed; border-bottom: 1px solid #cbded5; }
.score-meaning-strip strong { font-size: 14px; }
.score-meaning-strip span { color: var(--muted); font-size: 11px; white-space: nowrap; }
.report-toc { padding: 18px 35px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; background: #fbfcfb; border-bottom: 1px solid var(--line); }
.report-toc span { margin-right: 4px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.report-toc a { padding: 8px 11px; color: var(--green-dark); background: #edf6f2; border: 1px solid #cfe0d8; border-radius: 999px; font-size: 12px; font-weight: 800; text-decoration: none; }
.report-toc a:hover, .report-toc a:focus-visible { color: white; background: var(--green); border-color: var(--green); outline: none; }
.report-document [id] { scroll-margin-top: 92px; }
.report-section { padding: 60px 70px; display: grid; grid-template-columns: 70px 1fr; gap: 20px; border-bottom: 1px solid var(--line); }
.section-number { color: #a6b0ac; font-size: 14px; }
.report-section h2, .report-grid h2, .report-cta h2 { margin-top: 0; font-size: 32px; line-height: 1.15; }
.report-section p:not(.eyebrow), .report-grid p, .report-cta p { color: var(--muted); line-height: 1.7; }
.full-width { min-width: 0; }
.business-case-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 30px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 8px; }
.business-case-strip div { min-height: 105px; padding: 18px; display: grid; align-content: space-between; gap: 12px; background: #f8faf9; }
.business-case-strip span { color: var(--muted); font-size: 11px; line-height: 1.35; }
.business-case-strip strong { color: var(--green-dark); font-size: 18px; line-height: 1.2; }
.industry-scale-section { background: #fffdf8; }
.scale-fit-card { margin: 26px 0 18px; padding: 24px; background: #17352d; color: white; border-radius: 8px; }
.scale-fit-card span { display: block; margin-bottom: 8px; color: #9ed9c1; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.scale-fit-card strong { display: block; font-size: 24px; line-height: 1.2; }
.scale-fit-card p { max-width: 820px; margin: 10px 0 0; color: #d7e8e1 !important; }
.scale-stage-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 18px; }
.scale-stage-grid article { min-height: 160px; padding: 20px; background: white; border: 1px solid #e3d8bd; border-radius: 8px; }
.scale-stage-grid span { display: block; margin-bottom: 10px; color: #8a6420; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.scale-stage-grid p { margin: 0; font-size: 14px; }
.scale-stage-grid article.active { background: #f3ead3; border-color: #cda94e; box-shadow: inset 0 0 0 1px #cda94e; }
.industry-validation { margin-top: 14px; padding: 18px 20px; background: #f8f3e8; border-left: 4px solid var(--gold); }
.industry-validation strong { display: block; margin-bottom: 6px; color: #5b4512; }
.industry-validation p { margin: 0; font-size: 14px; }
.urgency-section { background: #fbf6f2; }
.urgency-grid,
.pilot-plan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 26px; }
.urgency-grid article,
.pilot-plan-grid article { min-height: 190px; padding: 24px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.urgency-grid h3 { margin: 12px 0; font-size: 20px; line-height: 1.25; }
.urgency-grid p,
.pilot-plan-grid p { margin: 0; font-size: 14px; }
.workflow-map { display: grid; grid-template-columns: repeat(9, auto); align-items: center; gap: 10px; margin-top: 30px; overflow-x: auto; }
.workflow-map div { width: 145px; min-height: 100px; padding: 15px; display: grid; align-content: center; gap: 7px; border: 1px solid var(--line); border-radius: 7px; }
.workflow-map small { color: var(--green); font-weight: 800; }
.workflow-map span { color: #91a09a; }
.workflow-map em { color: var(--coral); font-size: 10px; font-style: normal; font-weight: 800; text-transform: uppercase; }
.workflow-map .friction-node { background: #fff8f5; border-color: #e8b6aa; }
.workflow-map .hotspot { color: white; background: var(--coral); border-color: var(--coral); box-shadow: 0 10px 24px rgba(221,98,75,.2); }
.workflow-map .hotspot small, .workflow-map .hotspot em { color: white; }
.friction-profile { margin-top: 28px; padding: 22px; display: grid; gap: 15px; background: #f5f8f7; border-radius: 8px; }
.friction-profile > div { display: grid; grid-template-columns: 145px 1fr 105px; align-items: center; gap: 14px; font-size: 12px; }
.friction-profile i { height: 9px; overflow: hidden; background: #dde5e1; border-radius: 6px; }
.friction-profile b { display: block; width: 20%; height: 100%; background: #7fa695; border-radius: inherit; transition: width .35s ease; }
.friction-profile strong { color: var(--muted); font-size: 10px; text-align: right; }
.friction-profile .strongest b { background: var(--coral); }
.friction-profile .strongest strong { color: var(--coral); }
.map-note { margin: 22px 0 0; padding-left: 14px; border-left: 3px solid var(--gold); font-size: 13px; }
.evidence-section { background: #f8faf9; }
.evidence-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 28px; }
.evidence-grid article { min-height: 210px; padding: 24px; background: white; border: 1px solid var(--line); border-radius: 8px; }
.evidence-grid h3 { margin: 12px 0; font-size: 20px; }
.evidence-grid p { margin: 0; font-size: 14px; }
.evidence-signal { color: var(--coral); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.score-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.score-detail-grid article { padding: 25px; border: 1px solid var(--line); border-radius: 8px; }
.score-detail-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding-bottom: 16px; }
.score-detail-head h3 { margin: 0; font-size: 21px; }
.score-detail-head strong { color: var(--green); font-size: 25px; }
.score-line { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-top: 1px solid #e6ebe8; font-size: 13px; }
.score-detail-grid article > p { margin-bottom: 0; font-size: 13px; }
.report-grid { padding: 60px 70px; display: grid; grid-template-columns: 1fr .78fr; gap: 60px; }
.numbered-findings { padding-left: 25px; }
.numbered-findings li { margin: 18px 0; padding-left: 10px; line-height: 1.5; }
.recommendation-card { padding: 30px; color: white; background: var(--green-dark); align-self: start; }
.recommendation-card .eyebrow { color: #9dd8c0; }
.recommendation-card h3 { font-size: 26px; }
.recommendation-card p { color: #d2e5dd; }
.impact-grid { background: #fff; border-bottom: 1px solid var(--line); }
.impact-number { margin: 25px 0 18px; display: flex; align-items: center; gap: 18px; }
.impact-number strong { color: var(--green); font-size: 68px; line-height: 1; }
.impact-number span { max-width: 170px; color: var(--ink); font-weight: 700; line-height: 1.25; }
.value-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.value-comparison div { min-height: 105px; padding: 17px; display: grid; align-content: space-between; gap: 14px; background: #f5f8f7; border: 1px solid var(--line); border-radius: 7px; }
.value-comparison span { color: var(--muted); font-size: 11px; }
.value-comparison strong { font-size: 18px; line-height: 1.25; }
.value-comparison .value-highlight { background: #e7f3ed; border-color: #b8d8ca; }
.value-comparison .value-highlight strong { color: var(--green-dark); }
.value-disclaimer { padding-left: 14px; border-left: 3px solid var(--gold); font-size: 12px; }
.assumption-row { display: grid; grid-template-columns: 100px 1fr; gap: 8px 16px; margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 12px; }
.assumption-row span { color: var(--muted); }
.capacity-card { padding: 30px; color: white; background: var(--dark); border-radius: 8px; align-self: start; }
.capacity-card .eyebrow { color: #8cd2b5; }
.capacity-card h3 { margin: 12px 0; font-size: 25px; line-height: 1.2; }
.capacity-card p { color: #d4dfdb; font-size: 14px; }
.capacity-options { display: grid; gap: 0; margin-top: 24px; }
.capacity-options span { padding-bottom: 8px; color: #8fa29b; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.capacity-options strong { padding: 12px 0; border-top: 1px solid #35464b; font-size: 12px; }
.recommendation-boundary { background: #f2f7f4; }
.direction-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.direction-grid > div { padding: 22px; background: white; border: 1px solid #d7e2dd; border-radius: 8px; }
.direction-label { color: var(--green); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.direction-grid p { margin-bottom: 0; font-size: 14px; }
.protected-detail { margin-top: 16px; padding: 17px 20px; display: grid; gap: 5px; background: #dfeae5; border-radius: 8px; }
.protected-detail span { color: #50645b; font-size: 13px; }
.validation-panel { margin-top: 18px; padding: 24px; background: var(--dark); border-radius: 8px; }
.validation-panel .eyebrow { color: #8cd2b5; }
.validation-panel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin: 5px 0 0; padding: 0; color: white; list-style: none; }
.validation-panel li { padding: 12px 0 12px 21px; position: relative; border-top: 1px solid #35464b; font-size: 13px; line-height: 1.4; }
.validation-panel li::before { content: "→"; position: absolute; left: 0; color: #72c9a5; }
.pilot-plan-section { background: #fff; }
.pilot-plan-grid article { background: #f8faf9; }
.pilot-plan-grid .direction-label { display: block; margin-bottom: 10px; }
.report-cta { padding: 60px 70px; display: flex; justify-content: space-between; gap: 50px; align-items: center; background: #edf4f0; }
.report-cta > div { max-width: 700px; }
.meeting-agenda { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.meeting-agenda span { width: 100%; color: var(--muted); font-size: 11px; text-transform: uppercase; font-weight: 800; }
.meeting-agenda strong { padding: 7px 10px; background: white; border: 1px solid #cad9d2; border-radius: 6px; font-size: 11px; }
.feedback-panel { padding: 44px 70px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 45px; background: #f8faf9; }
.feedback-panel h2 { margin: 0 0 10px; font-size: 25px; }
.feedback-panel p:not(.eyebrow) { color: var(--muted); line-height: 1.6; }
.feedback-actions { display: grid; gap: 8px; }
.feedback-actions button { min-height: 46px; padding: 10px 14px; text-align: left; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 7px; }
.feedback-actions button:hover { border-color: var(--green); background: #edf7f2; }
.feedback-thanks { grid-column: 1 / -1; margin: 0; padding: 13px 16px; color: var(--green-dark) !important; background: var(--mint); border-radius: 7px; }
.other-response { max-width: 760px; margin-top: 12px; }
.other-response label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.other-response input { width: 100%; height: 48px; padding: 0 13px; color: var(--ink); background: white; border: 1px solid #9eafa8; border-radius: 6px; }
.other-response input:focus { outline: 2px solid #79a797; outline-offset: 1px; }

.limit-card { max-width: 680px; margin: 90px auto; padding: 60px; text-align: center; background: white; border: 1px solid var(--line); }
.limit-icon { width: 60px; height: 60px; display: grid; place-items: center; margin: 0 auto 25px; color: white; background: var(--coral); font-size: 25px; font-weight: 800; }
.limit-card > p:not(.eyebrow) { color: var(--muted); line-height: 1.6; }
.limit-card button { margin: 6px; }

.sales-view { background: #edf0ef; }
.sales-topbar { height: 70px; padding: 0 22px; display: flex; justify-content: space-between; align-items: center; background: #fff; border-bottom: 1px solid var(--line); }
.sales-topbar > div { display: flex; align-items: center; gap: 12px; }
.sales-topbar > div > div:last-child { display: grid; }
.sales-topbar span { color: var(--muted); font-size: 11px; }
.sales-mark { width: 38px; height: 38px; display: grid; place-items: center; color: white; background: var(--green); font-weight: 800; }
.sales-shell { min-height: calc(100vh - 124px); display: grid; grid-template-columns: 190px 1fr; }
.sales-sidebar { padding: 22px 12px; background: #1c282d; }
.sales-sidebar nav { display: grid; gap: 5px; }
.sales-sidebar button { min-height: 44px; padding: 0 12px; display: flex; justify-content: space-between; align-items: center; color: #aebbb6; background: transparent; border: 0; text-align: left; }
.sales-sidebar button.active { color: white; background: #304039; }
.sales-main { padding: 28px; min-width: 0; }
.sales-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 20px; }
.sales-title h2 { margin: 4px 0 0; font-size: 27px; }
.sales-filters button { height: 36px; border: 1px solid var(--line); background: white; }
.sales-layout { display: grid; grid-template-columns: 340px minmax(500px, 760px); gap: 18px; align-items: start; }
.kanban-column, .lead-detail { background: white; border: 1px solid var(--line); }
.column-title { padding: 14px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 12px; font-weight: 800; }
.lead-card { width: calc(100% - 20px); margin: 10px; padding: 16px; display: grid; gap: 8px; text-align: left; background: white; border: 1px solid var(--line); border-radius: 4px; }
.lead-card.selected { border-color: var(--green); box-shadow: 0 0 0 1px var(--green); }
.lead-top, .card-detail, .card-footer { display: flex; justify-content: space-between; gap: 10px; }
.lead-card > span, .card-footer { color: var(--muted); font-size: 11px; }
.new-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--coral); }
.readiness-pill { width: max-content; padding: 5px 7px; color: var(--green-dark); background: var(--mint); font-size: 10px; font-weight: 800; }
.readiness-pill.medium { color: #70500d; background: #f5e8c8; }
.card-detail { align-items: end; }
.card-detail strong { font-size: 25px; color: var(--green); }
.lead-detail { min-height: 650px; }
.detail-header { padding: 24px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
.detail-header h2 { margin: 4px 0; }
.detail-header p { margin: 0; color: var(--muted); font-size: 12px; }
.close-detail { border: 0; background: transparent; font-size: 25px; color: var(--muted); }
.detail-tabs { display: flex; padding: 0 20px; border-bottom: 1px solid var(--line); }
.detail-tabs button { height: 46px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--muted); }
.detail-tabs button.active { color: var(--green); border-color: var(--green); font-weight: 700; }
.detail-content { padding: 24px; }
.detail-score-row { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.detail-score-row div { padding: 15px; display: grid; gap: 7px; border-right: 1px solid var(--line); }
.detail-score-row div:last-child { border: 0; }
.detail-score-row span { color: var(--muted); font-size: 10px; }
.detail-list { margin: 22px 0; }
.detail-list div { padding: 10px 0; display: grid; grid-template-columns: 160px 1fr; border-bottom: 1px solid #edf0ee; }
.detail-list dt { color: var(--muted); font-size: 12px; }
.detail-list dd { margin: 0; font-size: 13px; font-weight: 650; }
.internal-brief { padding: 18px; background: #eef4f1; }
.internal-brief p { color: #44534d; font-size: 13px; line-height: 1.55; }
.risk-row { display: flex; gap: 8px; margin: 16px 0; }
.risk-row span { padding: 6px 8px; color: #884230; background: #f6e2dd; font-size: 10px; font-weight: 700; }

.drawer-backdrop, .mobile-drawer { display: none; }

@media (max-width: 950px) {
  .prototype-bar > div:first-child span, .tenant-switch span { display: none; }
  .entry-view { background: #fff; }
  .entry-shell { min-height: auto; }
  .entry-content { width: 100%; padding: 50px 6vw 30px; }
  .entry-preview { position: relative; top: auto; right: auto; width: auto; min-height: 0; margin: 10px 6vw 40px; }
  .workspace-header { padding: 0 18px; }
  .outcome-progress, .autosave { display: none; }
  .workspace-grid { display: block; min-height: calc(100vh - 126px); }
  .question-pane { min-height: calc(100vh - 198px); padding: 38px 20px 90px; border: 0; }
  .brief-pane { display: none; }
  .question-title { font-size: 34px; }
  .mobile-brief-button {
    display: flex;
    position: fixed;
    z-index: 5;
    left: 12px;
    right: 12px;
    bottom: 12px;
    min-height: 62px;
    padding: 10px 16px;
    justify-content: space-between;
    align-items: center;
    color: white;
    background: var(--dark);
    border: 0;
    border-radius: 4px;
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
  }
  .mobile-brief-button span:first-child { display: grid; text-align: left; }
  .mobile-brief-button small { color: #9fb0aa; }
  .drawer-backdrop.open { display: block; position: fixed; inset: 0; z-index: 9; background: rgba(14,24,27,.5); }
  .mobile-drawer.open { display: block; position: fixed; z-index: 10; left: 0; right: 0; bottom: 0; max-height: 82vh; padding: 20px; overflow: auto; background: #eef3f0; border-radius: 8px 8px 0 0; }
  .drawer-handle { width: 45px; height: 4px; margin: 0 auto 15px; background: #aebbb5; border-radius: 4px; }
  .drawer-close { position: absolute; right: 16px; top: 16px; border: 0; background: transparent; font-size: 24px; }
  .gate-shell { grid-template-columns: 1fr; gap: 30px; padding: 40px 20px; }
  .report-grid { grid-template-columns: 1fr; }
  .business-case-strip { grid-template-columns: 1fr 1fr; }
  .evidence-grid, .score-detail-grid, .direction-grid, .scale-stage-grid, .urgency-grid, .pilot-plan-grid { grid-template-columns: 1fr; }
  .report-cta { align-items: flex-start; flex-direction: column; }
  .feedback-panel { grid-template-columns: 1fr; }
  .sales-shell { grid-template-columns: 1fr; }
  .sales-sidebar { display: none; }
  .sales-layout { grid-template-columns: 1fr; }
  .kanban-column { display: none; }
}

@media (max-width: 620px) {
  .prototype-bar { align-items: stretch; flex-direction: column; }
  .prototype-actions { display: grid; grid-template-columns: 1fr auto auto auto; }
  .tenant-switch select { width: 100%; }
  .view { min-height: calc(100vh - 100px); }
  .brand-header { height: 68px; padding: 0 20px; }
  .brand-logo { width: 110px; }
  .secure-label { display: none; }
  .entry-content h1 { font-size: 25px; }
  .entry-copy { font-size: 17px; }
  .entry-proof { gap: 18px; }
  .entry-preview { padding: 20px; }
  .preview-flow { margin: 30px 0; }
  .flow-node { min-height: 60px; font-size: 10px; }
  .option-grid { grid-template-columns: 1fr; }
  .result-card, .limit-card { margin: 20px 12px; padding: 30px 22px; }
  .result-summary { grid-template-columns: 1fr; }
  .result-summary div { border-right: 0; border-bottom: 1px solid var(--line); }
  .form-row { grid-template-columns: 1fr; }
  .result-actions { display: grid; }
  .score-meaning-strip { align-items: flex-start; flex-direction: column; }
  .report-toc { padding: 16px 24px; gap: 8px; }
  .report-toc span { width: 100%; }
  .report-toc a { flex: 1 1 calc(50% - 8px); text-align: center; }
  .feedback-panel { padding: 32px 24px; gap: 22px; }
  .contact-form { padding: 24px 18px; }
  .report-toolbar { align-items: flex-start; flex-direction: column; }
  .report-toolbar > div:last-child { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .report-document { margin: 12px; }
  .report-hero { padding: 40px 24px; align-items: flex-start; flex-direction: column; }
  .score-seal { width: 125px; }
  .score-strip { grid-template-columns: 1fr; }
  .report-section, .report-grid, .report-cta { padding: 35px 24px; }
  .report-section { grid-template-columns: 1fr; }
  .workflow-map { grid-template-columns: 1fr; }
  .workflow-map div { width: 100%; }
  .workflow-map > span { transform: rotate(90deg); justify-self: center; }
  .business-case-strip, .value-comparison, .validation-panel ul, .scale-stage-grid { grid-template-columns: 1fr; }
  .friction-profile > div { grid-template-columns: 1fr; gap: 7px; }
  .friction-profile strong { text-align: left; }
  .sales-main { padding: 15px; }
  .sales-title { align-items: flex-start; flex-direction: column; gap: 10px; }
  .detail-score-row { grid-template-columns: 1fr; }
  .detail-score-row div { border-right: 0; border-bottom: 1px solid var(--line); }
  .detail-list div { grid-template-columns: 1fr; gap: 4px; }
}

@media print {
  @page {
    size: A4;
    margin: 8mm;
  }

  html,
  body {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #1f2624 !important;
    font-size: 8.8pt !important;
    line-height: 1.34 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body * { visibility: hidden; }
  .report-view,
  .report-view * { visibility: visible; }
  .report-view {
    position: static !important;
    width: auto !important;
    min-height: 0 !important;
    background: #fff !important;
  }
  .report-toolbar,
  .report-toc,
  #report-bottleneck,
  #report-findings,
  #report-scoring,
  .feedback-panel,
  .report-cta button { display: none !important; }
  .report-document {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .report-hero {
    min-height: 0 !important;
    padding: 8mm 9mm 7mm !important;
    display: grid !important;
    grid-template-columns: 1fr 22mm !important;
    gap: 6mm !important;
    background: #17352d !important;
  }

  .report-hero h2 {
    max-width: none !important;
    margin-bottom: 4mm !important;
    font-size: 20pt !important;
    line-height: 1.08 !important;
  }

  .report-hero p {
    margin: 0 !important;
  }

  .score-seal {
    width: 22mm !important;
    align-self: start !important;
  }

  .score-seal strong {
    font-size: 20pt !important;
  }

  .score-strip {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .score-strip div {
    padding: 4mm 6mm !important;
  }

  .score-strip strong {
    font-size: 11pt !important;
  }

  .score-meaning-strip {
    padding: 3.5mm 6mm !important;
    display: block !important;
  }

  .score-meaning-strip span {
    display: block !important;
    margin-top: 2mm !important;
    white-space: normal !important;
  }

  .report-section,
  .report-grid,
  .report-cta {
    padding: 5.5mm 7mm !important;
    border-bottom: 1px solid #dce4e0 !important;
  }

  .report-section {
    display: grid !important;
    grid-template-columns: 7mm 1fr !important;
    gap: 4mm !important;
  }

  .section-number {
    font-size: 9pt !important;
  }

  .report-section h2,
  .report-grid h2,
  .report-cta h2 {
    margin-bottom: 4mm !important;
    font-size: 13.5pt !important;
    line-height: 1.16 !important;
  }

  .report-section p:not(.eyebrow),
  .report-grid p,
  .report-cta p {
    margin-top: 0 !important;
    line-height: 1.34 !important;
  }

  .eyebrow {
    margin-bottom: 1.4mm !important;
    font-size: 6.8pt !important;
  }

  .business-case-strip {
    grid-template-columns: repeat(4, 1fr) !important;
    margin-top: 3mm !important;
  }

  .business-case-strip div {
    min-height: 0 !important;
    padding: 2.8mm !important;
  }

  .business-case-strip strong {
    font-size: 9.5pt !important;
  }

  .scale-fit-card,
  .scale-stage-grid article,
  .industry-validation,
  .urgency-grid article,
  .pilot-plan-grid article {
    padding: 4mm !important;
    border-radius: 0 !important;
    break-inside: avoid !important;
  }

  .urgency-grid,
  .scale-stage-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3mm !important;
  }

  .pilot-plan-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 3mm !important;
    margin-top: 3mm !important;
  }

  .urgency-grid {
    margin-top: 3mm !important;
  }

  .urgency-grid h3 {
    margin: 2mm 0 !important;
    font-size: 10pt !important;
  }

  .scale-fit-card strong {
    font-size: 11pt !important;
  }

  .scale-fit-card,
  .industry-validation {
    margin-top: 3mm !important;
    margin-bottom: 3mm !important;
  }

  .workflow-map {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 3mm !important;
    margin-top: 5mm !important;
    overflow: visible !important;
  }

  .workflow-map > span {
    display: none !important;
  }

  .workflow-map div {
    width: auto !important;
    min-height: 30mm !important;
    padding: 4mm !important;
    break-inside: avoid !important;
  }

  .workflow-map strong {
    font-size: 9pt !important;
    line-height: 1.25 !important;
  }

  .friction-profile {
    margin-top: 5mm !important;
    padding: 5mm !important;
  }

  .friction-profile > div {
    grid-template-columns: 34mm 1fr 28mm !important;
  }

  .map-note,
  .value-disclaimer {
    margin-top: 4mm !important;
    font-size: 9pt !important;
  }

  .evidence-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 3mm !important;
    margin-top: 5mm !important;
  }

  .evidence-grid article {
    min-height: 0 !important;
    padding: 5mm !important;
  }

  .evidence-grid h3 {
    margin: 3mm 0 !important;
    font-size: 12pt !important;
  }

  .evidence-grid p {
    font-size: 9pt !important;
  }

  .score-detail-grid,
  .direction-grid,
  .value-comparison {
    gap: 4mm !important;
    margin-top: 5mm !important;
  }

  .score-detail-grid article,
  .direction-grid > div,
  .value-comparison div,
  .protected-detail,
  .validation-panel,
  .capacity-card {
    padding: 5mm !important;
    break-inside: avoid !important;
  }

  .score-line {
    padding: 2.6mm 0 !important;
    font-size: 9pt !important;
  }

  .report-grid {
    display: grid !important;
    grid-template-columns: 1.15fr .85fr !important;
    gap: 4mm !important;
  }

  .impact-number {
    margin: 5mm 0 4mm !important;
  }

  .impact-number strong {
    font-size: 24pt !important;
  }

  .capacity-card h3 {
    font-size: 11pt !important;
  }

  .capacity-options strong {
    padding: 3mm 0 !important;
  }

  .validation-panel ul {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 6mm !important;
  }

  .validation-panel li {
    padding: 3mm 0 3mm 5mm !important;
    font-size: 9pt !important;
  }

  .validation-panel li::before {
    content: "";
  }

  .report-hero,
  .score-strip,
  .score-meaning-strip {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }

  .evidence-section,
  .score-explanation,
  .impact-grid,
  .recommendation-boundary,
  .pilot-plan-section {
    break-before: auto !important;
  }

  #report-summary,
  #report-why-now,
  #report-industry-scale,
  #report-business-case,
  #report-first-project,
  #report-pilot-plan,
  #report-next-action {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  .report-cta {
    display: block !important;
    background: #edf4f0 !important;
  }

  a[href]::after {
    content: "" !important;
  }
}