/* One native manuscript, six connected views. Marketing demo, never a live analysis. */
.flow[data-lifecycle] { --lc-primary: #635bff; --lc-primary-ink: #5147dc; --lc-cyan: #087b96; --lc-gold: #9a6416; --lc-line: var(--line, #e1e8f1); --lc-surface: var(--card, #fff); --lc-ink: var(--ink, #0a2540); scroll-margin-top: 95px; }
.flow[data-lifecycle] .sec-head { max-width: 780px; margin: 0 auto 34px; }
.lc-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 19px; }
.lc-tab { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 69px; padding: 13px 15px; border: 1px solid var(--lc-line); border-radius: 11px; text-align: left; background: var(--bg-2, #f6f8fc); color: var(--lc-ink); font-family: var(--font); cursor: pointer; transition: border-color 180ms, background 180ms, box-shadow 220ms, transform 220ms var(--ease); }
.lc-tab > svg { width: 25px; height: 25px; flex: 0 0 25px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.lc-tab > span { min-width: 0; }
.lc-tab b { display: block; font: 650 13px/1.4 var(--font); letter-spacing: -.015em; white-space: nowrap; }
.lc-tab small { display: block; font: 400 10px/1.5 var(--font); color: var(--soft); margin-top: 3px; }
.lc-tab:hover { background: #f1edff; border-color: #bcb1f5; transform: translateY(-2px); }
.lc-tab:active { transform: translateY(0); }
.lc-tab[aria-selected="true"] { background: var(--lc-primary); color: #fff; border-color: var(--lc-primary); box-shadow: 0 4px 12px -5px #635bff73; }
.lc-tab[aria-selected="true"] small { color: #fff; }
.lifecycle-player { position: relative; border: 1px solid #dce0ed; border-radius: 14px; overflow: hidden; isolation: isolate; background: var(--lc-surface); box-shadow: 0 4px 8px #0a254003, 0 16px 35px -26px #40368a35; }
.lc-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 10px 22px; border-bottom: 1px solid var(--lc-line); background: var(--lc-surface); position: relative; z-index: 5; }
.lc-file { display: flex; align-items: center; gap: 11px; min-width: 0; color: var(--lc-ink); }
.lc-file > svg { width: 21px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.lc-file > b { font: 600 13px/1.4 var(--font); letter-spacing: -.02em; }
.lc-file > span { padding-left: 17px; margin-left: 5px; border-left: 1px solid var(--lc-line); font: 400 11px/1.4 var(--font); color: var(--soft); }
.lc-controls { display: flex; flex: none; gap: 8px; }
.lc-controls button { display: grid; place-items: center; width: 33px; height: 31px; padding: 7px; border: 1px solid #d8dfea; border-radius: 8px; background: var(--lc-surface); color: var(--lc-ink); cursor: pointer; box-shadow: 0 2px 3px #0a254005; transition: background 150ms, border-color 150ms, transform 180ms; }
.lc-controls button:hover { background: #f0ecff; border-color: #ada0f1; color: var(--lc-primary-ink); }
.lc-controls button:active { transform: scale(.95); }
.lc-controls #lc-play { color: var(--lc-primary-ink); border-color: #c8bbff; background: #f4f0ff; }
.lc-controls button:disabled { opacity: .5; cursor: default; transform: none; }
.lc-controls svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.lc-controls .lc-play-icon { display: none; }
.lc-controls #lc-play[aria-pressed="true"] .lc-pause-icon { display: none; }
.lc-controls #lc-play[aria-pressed="true"] .lc-play-icon { display: block; }
.lc-main { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(340px, 1fr); position: relative; min-height: 424px; }
.lc-paper-stage { display: grid; place-items: center; position: relative; padding: 20px 28px; min-width: 0; overflow: hidden; background: radial-gradient(ellipse at 16% 76%, #e7e7fd, transparent 56%), radial-gradient(ellipse at 87% 16%, #e0f0ff, transparent 50%), radial-gradient(ellipse at 90% 96%, #fbeddd, transparent 48%), #f5f3fc; }
.lc-paper { position: relative; z-index: 2; width: 100%; max-width: 650px; min-height: 365px; padding: 22px 28px 30px; border: 1px solid #e2e5ef; border-radius: 10px; background: #fff; color: #18263d; box-shadow: 0 4px 10px #0a254010, 0 18px 30px -17px #635bff4d; box-sizing: border-box; }
.lc-paper h3.lc-paper-title { margin: 0 0 13px; padding: 0 0 12px; border-bottom: 1px solid #c8cfda; color: #101b30; font: 700 23px/1.16 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.lc-paper h4 { margin: 10px 0 3px; color: #182338; font: 700 17px/1.2 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
.lc-paper p { margin: 0; font: 400 13.5px/1.38 Georgia, 'Times New Roman', serif; letter-spacing: 0; color: #232a38; }
.lc-paper-section { position: relative; break-inside: avoid; }
.lc-paper-section:first-child h4 { margin-top: 0; }
.lc-mark { --mark: #dcd3ff; padding: 1px 0; background: transparent; color: inherit; border-radius: 3px; box-decoration-break: clone; -webkit-box-decoration-break: clone; transition: background 300ms; }
.lc-mark.lc-cyan { --mark: #c9f1f5; }
.lc-mark.lc-gold { --mark: #ffe4b4; }
.lifecycle-player[data-stage="analyze"] .lc-mark, .lifecycle-player[data-stage="integrity"] .lc-mark, .lifecycle-player[data-stage="refine"] .lc-mark { background: var(--mark); }
.lifecycle-player[data-stage="analyze"] .lc-paper h4 { color: var(--lc-primary-ink); }
.lc-document-label { position: absolute; right: 21px; bottom: 11px; color: #69758b; font: 400 8px/1.4 var(--font); letter-spacing: .015em; }
.lc-scan-plane { display: none; position: absolute; z-index: 3; left: 17px; right: 17px; top: 78px; height: 17px; border-top: 1px solid #9983fa91; background: linear-gradient(180deg, #9983fa1f, #b3e7eb14, transparent); pointer-events: none; animation: lc-scan 4.8s cubic-bezier(.45,0,.55,1) infinite alternate; animation-play-state: paused; }
.lifecycle-player[data-stage="analyze"] .lc-scan-plane, .lifecycle-player[data-stage="integrity"] .lc-scan-plane { display: block; }
.lifecycle-player[data-running="true"] .lc-scan-plane { animation-play-state: running; }
.lc-story { position: relative; padding: 22px 27px 88px; min-width: 0; z-index: 3; background: var(--lc-surface); box-sizing: border-box; }
.lc-step-label { color: var(--lc-primary-ink); font: 600 11px/1.5 var(--font); letter-spacing: -.01em; margin-bottom: 9px; }
.lc-story h3 { color: var(--lc-ink); font: 650 clamp(23px, 1.9vw, 28px)/1.13 var(--font); letter-spacing: -.045em; margin: 0 0 10px; }
.lc-story > p { color: var(--soft); font: 400 14px/1.5 var(--font); margin: 0 0 17px; }
.lc-info { display: grid; gap: 8px; }
.lc-info-row { --row-accent: var(--lc-primary-ink); display: flex; align-items: center; gap: 11px; min-height: 49px; padding: 8px 12px; border-radius: 8px; background: #f3effb; }
.lc-info-row.lc-cyan { --row-accent: var(--lc-cyan); background: #edf8fa; }
.lc-info-row.lc-gold { --row-accent: var(--lc-gold); background: #fcf5e9; }
.lc-info-icon { flex: 0 0 23px; display: grid; place-items: center; color: var(--row-accent); }
.lc-info-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.lc-info-row b { display: block; color: var(--lc-ink); font: 600 13px/1.35 var(--font); letter-spacing: -.01em; }
.lc-info-row div > span { display: block; color: var(--soft); font: 400 11px/1.45 var(--font); margin-top: 2px; }
.lc-tool-link { position: absolute; left: 27px; bottom: 23px; display: inline-flex; align-items: center; gap: 8px; color: var(--lc-primary-ink); font: 600 13px/1.5 var(--font); text-decoration: none; transition: gap 220ms var(--ease); }
.lc-tool-link:hover { gap: 14px; }
.lc-tool-link svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.lc-connectors { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; z-index: 4; pointer-events: none; opacity: 1; transition: opacity 220ms; }
.lifecycle-player[data-stage="draft"] .lc-connectors { opacity: 0; }
.lc-connection { color: var(--lc-primary); }
.lc-connection.lc-cyan { color: #0891b2; }
.lc-connection.lc-gold { color: #c58c28; }
.lc-connection > path { fill: none; stroke: currentColor; stroke-width: 1.25; opacity: .62; }
.lc-connection > circle { fill: currentColor; }
.lc-connection > path.lc-flow-pulse { stroke-dasharray: 6 590; stroke-width: 2.8; opacity: .8; animation: lc-connection-flow 4.5s linear infinite; animation-play-state: paused; }
.lc-connection:nth-child(2) > path.lc-flow-pulse { animation-delay: -.9s; }
.lc-connection:nth-child(3) > path.lc-flow-pulse { animation-delay: -1.8s; }
.lifecycle-player[data-running="true"] .lc-flow-pulse { animation-play-state: running; }
.lc-revision, .lc-references, .lc-citation { display: none; }
.lifecycle-player[data-stage="refine"] .lc-base-abstract { display: none; }
.lifecycle-player[data-stage="refine"] .lc-revision { display: block; }
.lc-revision-label { display: block; color: var(--lc-primary-ink); font: 500 8px/1.4 var(--font); letter-spacing: .02em; margin-bottom: 5px; }
.lc-paper .lc-original { color: #59667d; text-decoration: line-through; text-decoration-color: #b7bfd0; font-size: 12px; margin-bottom: 7px; }
.lc-edit { color: #243150; background: #e7e0ff; border-radius: 3px; padding-block: 2px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.lc-format-controls { position: absolute; bottom: 58px; left: 27px; display: flex; gap: 5px; }
.lc-format-controls[hidden] { display: none; }
.lc-format-controls button { min-width: 48px; padding: 5px 11px; border-radius: 6px; border: 1px solid #d9d5ec; background: var(--lc-surface); color: var(--soft); font: 500 10px/1.5 var(--font); cursor: pointer; transition: background 150ms, color 150ms, border-color 150ms; }
.lc-format-controls button:hover { border-color: #a99ce9; background: #f4f0ff; color: var(--lc-primary-ink); }
.lc-format-controls button[aria-pressed="true"] { color: var(--lc-primary-ink); background: #eee9ff; border-color: #c5bbfa; }
.lifecycle-player[data-stage="format"] .lc-paper-body, .lifecycle-player[data-stage="match"] .lc-paper-body { column-count: 2; column-gap: 20px; }
.lifecycle-player[data-stage="format"] .lc-paper p, .lifecycle-player[data-stage="match"] .lc-paper p { font-size: 12.5px; }
.lifecycle-player[data-stage="format"] .lc-paper h4, .lifecycle-player[data-stage="match"] .lc-paper h4 { font-size: 15px; }
.lifecycle-player[data-stage="format"] .lc-references, .lifecycle-player[data-stage="match"] .lc-references { display: block; break-inside: avoid; }
.lc-paper .lc-references p { margin-top: 4px; font-size: 9px; }
.lifecycle-player[data-stage="format"] .lc-citation, .lifecycle-player[data-stage="match"] .lc-citation { display: inline; color: var(--lc-primary-ink); }
.lc-footer { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: center; gap: 28px; min-height: 66px; padding: 12px 24px 14px; background: var(--bg-2, #f6f8fc); border-top: 1px solid var(--lc-line); }
.lc-timeline { position: relative; min-width: 0; }
.lc-timeline-track { position: absolute; top: 8px; left: 8.33%; right: 8.33%; height: 1px; background: #c7d0de; }
.lc-timeline-track > span { display: block; height: 100%; width: 0; background: var(--lc-primary); transition: width 600ms var(--ease); }
.lc-timeline-items { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; }
.lc-timeline-items > span { text-align: center; min-width: 0; }
.lc-timeline-items i { display: grid; place-items: center; margin: 0 auto 6px; width: 15px; height: 15px; background: var(--lc-surface); border: 1px solid #bac5d5; border-radius: 50%; color: var(--lc-primary-ink); font: 500 9px/1 var(--font); box-sizing: border-box; }
.lc-timeline-items b { display: block; color: var(--soft); font: 400 10px/1.4 var(--font); white-space: nowrap; }
.lc-timeline-items > span.is-active i { background: var(--lc-primary); border-color: var(--lc-primary); box-shadow: 0 0 0 3px var(--lc-surface), 0 0 0 4px #ada1f8; }
.lc-timeline-items > span.is-active b { color: var(--lc-ink); font-weight: 600; }
.lc-timeline-items > span.is-done i { background: #e9e2ff; border-color: #9e87f2; }
.lc-timeline-items > span.is-done i::after { content: ""; width: 6px; height: 3px; border-left: 1.25px solid currentColor; border-bottom: 1.25px solid currentColor; transform: rotate(-45deg) translateY(-1px); }
.lc-footer > p { margin: 0; padding-left: 24px; border-left: 1px solid #d4dbea; color: var(--soft); font: 400 10px/1.5 var(--font); }
.lc-step-timer { height: 2px; position: absolute; bottom: 0; inset-inline: 0; z-index: 6; background: #635bff08; pointer-events: none; }
.lc-step-timer > span { display: block; width: 100%; height: 100%; background: #8e7df8; transform: scaleX(0); transform-origin: left; }
.lc-announcement { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.flow[data-lifecycle] .flow-why { width: 100%; max-width: none; margin: 29px 0 0; padding: 0; gap: 0; border-top: 0; }
.flow[data-lifecycle] .fw { border: 0; border-right: 1px solid var(--lc-line); border-radius: 0; padding: 0 27px; background: none; box-shadow: none; transform: none; }
.flow[data-lifecycle] .fw:first-child { padding-left: 10px; }
.flow[data-lifecycle] .fw:last-child { border-right: 0; padding-right: 10px; }
.flow[data-lifecycle] .fw b { color: var(--lc-primary-ink); background: none; -webkit-text-fill-color: currentColor; font: 600 16px/1.5 var(--font); }
.flow[data-lifecycle] .fw span { font-size: 12px; line-height: 1.7; }
@keyframes lc-scan { from { transform: translateY(0); opacity: .45; } to { transform: translateY(214px); opacity: .8; } }
@keyframes lc-connection-flow { from { stroke-dashoffset: 596; } to { stroke-dashoffset: 0; } }
html[data-render-tier="eco"] .lc-flow-pulse, html[data-render-tier="eco"] .lc-scan-plane { animation: none; }
html[data-render-tier="eco"] .lifecycle-player .lc-flow-pulse, html[data-render-tier="eco"] .lifecycle-player .lc-scan-plane { display: none; }
[data-theme="dark"] .lc-paper-stage { background: radial-gradient(ellipse at 15% 70%, #34355f, transparent 58%), radial-gradient(ellipse at 85% 25%, #183f59, transparent 54%), #182440; }
[data-theme="dark"] .lc-info-row { background: #635bff1a; }
[data-theme="dark"] .lc-info-row.lc-cyan { background: #0891b21a; }
[data-theme="dark"] .lc-info-row.lc-gold { background: #c58c281a; }
[data-theme="dark"] .lc-tab:hover { background: #635bff26; }
@media (max-width: 1220px) and (min-width: 760px) {
  .lc-tab { gap: 8px; padding: 11px 10px; }
  .lc-tab > svg { width: 21px; height: 21px; flex-basis: 21px; }
  .lc-tab b { font-size: 12px; }
  .lc-tab small { font-size: 9px; }
  .lc-main { grid-template-columns: minmax(0, 1.55fr) minmax(310px, 1fr); min-height: 478px; }
  .lc-paper-stage { padding: 22px; }
  .lc-paper { padding: 21px 23px 29px; }
  .lc-paper h3.lc-paper-title { font-size: 21px; }
  .lc-paper p { font-size: 13px; }
  .lc-story { padding: 23px 22px 91px; }
  .lc-story h3 { font-size: 25px; }
  .lc-story > p { font-size: 13px; }
  .lc-info-row { padding: 8px 9px; gap: 8px; }
  .lc-info-row b { font-size: 12px; }
  .lc-info-row div > span { font-size: 10px; }
  .lc-tool-link, .lc-format-controls { left: 22px; }
  .lc-footer { grid-template-columns: minmax(0, 1fr) 215px; gap: 15px; padding-inline: 17px; }
  .lc-footer > p { padding-left: 16px; font-size: 9px; }
}
@media (max-width: 759px) {
  .flow[data-lifecycle] { width: calc(100% - 32px); }
  .flow[data-lifecycle] .sec-head { margin-bottom: 25px; }
  .flow[data-lifecycle] .sec-head h2 { font-size: 34px; }
  .flow[data-lifecycle] .sec-head > p { font-size: 14px; line-height: 1.7; }
  .lc-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-bottom: 15px; }
  .lc-tab { min-height: 84px; padding: 10px 8px; gap: 6px; align-items: flex-start; }
  .lc-tab > svg { width: 17px; height: 19px; flex-basis: 17px; margin-top: 1px; }
  .lc-tab b { font-size: 11px; }
  .lc-tab small { font-size: 10px; line-height: 1.45; margin-top: 4px; }
  .lc-toolbar { padding: 11px 12px; min-height: 62px; gap: 6px; }
  .lc-file { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 1px 7px; }
  .lc-file > svg { grid-row: span 2; width: 18px; height: 22px; }
  .lc-file > b { font-size: 11px; white-space: nowrap; }
  .lc-file > span { border: 0; padding: 0; margin: 0; font-size: 9px; }
  .lc-controls { gap: 5px; }
  .lc-controls button { width: 32px; height: 33px; padding: 7px; }
  .lc-controls svg { width: 16px; height: 16px; }
  .lc-main { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .lc-paper-stage { padding: 20px 14px; min-height: 0; }
  .lc-paper { padding: 20px 19px 30px; min-height: 410px; border-radius: 9px; }
  .lc-paper h3.lc-paper-title { font-size: 21px; padding-bottom: 11px; margin-bottom: 12px; }
  .lc-paper h4 { font-size: 16px; margin-top: 12px; }
  .lc-paper p { font-size: 12.5px; line-height: 1.4; }
  .lc-extended { display: none; }
  .lc-story { padding: 23px 20px 91px; min-height: 410px; border-top: 1px solid var(--lc-line); }
  .lc-step-label { font-size: 11px; margin-bottom: 8px; }
  .lc-story h3 { font-size: 25px; }
  .lc-story > p { font-size: 13px; margin-bottom: 17px; }
  .lc-info-row { min-height: 49px; }
  .lc-info-row b { font-size: 12px; }
  .lc-info-row div > span { font-size: 11px; }
  .lc-tool-link { left: 20px; bottom: 23px; font-size: 12px; }
  .lc-format-controls { left: 20px; }
  .lc-format-controls button { min-height: 29px; }
  .lc-connectors { display: none; }
  .lifecycle-player[data-stage="format"] .lc-paper-body, .lifecycle-player[data-stage="match"] .lc-paper-body { column-count: 1; }
  .lifecycle-player[data-stage="format"] .lc-paper-section:nth-child(3), .lifecycle-player[data-stage="match"] .lc-paper-section:nth-child(3) { display: none; }
  .lifecycle-player[data-stage="format"] .lc-paper h4, .lifecycle-player[data-stage="match"] .lc-paper h4 { font-size: 15px; }
  .lc-paper .lc-references p { font-size: 9px; }
  .lc-footer { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 14px 10px 12px; }
  .lc-footer > p { border: 0; padding: 0; text-align: center; font-size: 9px; }
  .lc-footer > p br { display: none; }
  .lc-timeline-items b { font-size: 9px; }
  .lc-timeline-items i { width: 13px; height: 13px; }
  .lc-timeline-track { top: 7px; }
  .lc-timeline-items > span.is-active i { box-shadow: 0 0 0 2px var(--lc-surface), 0 0 0 3px #ada1f8; }
  .flow[data-lifecycle] .flow-why { gap: 20px; margin-top: 25px; }
  .flow[data-lifecycle] .fw, .flow[data-lifecycle] .fw:first-child, .flow[data-lifecycle] .fw:last-child { padding: 0 15px; border: 0; }
  .flow[data-lifecycle] .fw span { font-size: 13px; }
}
@media (max-width: 360px) { .lc-tab { flex-direction: column; gap: 5px; } .lc-tab small { font-size: 10px; } .lc-file > svg { display: none; } .lc-file { grid-template-columns: minmax(0, 1fr); } .lc-paper { min-height: 446px; } .lc-story { min-height: 460px; } }
@media (prefers-reduced-motion: reduce) { .flow[data-lifecycle] *, .flow[data-lifecycle] *::before, .flow[data-lifecycle] *::after { animation: none !important; transition: none !important; } .lc-flow-pulse, .lc-scan-plane { display: none !important; } }
@media (forced-colors: active) { .lc-connectors, .lc-scan-plane { display: none; } .lc-tab[aria-selected="true"] { border: 2px solid Highlight; } .lc-paper, .lc-info-row, .lifecycle-player { border: 1px solid CanvasText; } .lc-mark { text-decoration: underline; } }