.landing {
  padding-top: 38px;
}

.hero-copy .eyebrow {
  display: none;
}

.header-nav { margin-left: auto; display: flex; gap: 24px; }
.header-nav a,
.inline-link { color: var(--muted); text-decoration: none; }
.header-nav a { font-size: 13px; }
.header-nav a:hover,
.inline-link:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }

.hero-copy h1,
.result-head h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.25vw, 70px);
  font-weight: 400;
  letter-spacing: -0.052em;
  line-height: 1.04;
}

.result-head h2 {
  margin: 0;
  max-width: 900px;
}

.lede {
  font-size: 17px;
  line-height: 1.6;
  margin: 22px 0 26px;
}

.demo-shell {
  margin-top: 36px;
}

.hero-meta {
  width: auto;
  flex-direction: row;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}

.hero-meta span {
  padding: 13px 16px;
  border-right: 1px solid var(--line);
  border-bottom: 0;
  white-space: nowrap;
}

.hero-meta span:last-child {
  border-right: 0;
}

.selected-workspace {
  scroll-margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 570px;
  background: var(--warm);
}

.selected-pane {
  display: flex;
  min-width: 0;
  flex-direction: column;
  background: #fff;
}

.selected-pdf-pane {
  border-right: 1px solid var(--line);
}

.selected-pane header {
  min-height: 60px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.selected-pane header div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.selected-pane header strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selected-pane header span {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.selected-pdf-pane iframe {
  width: 100%;
  flex: 1;
  border: 0;
  background: var(--warm);
}

.local-pdf-host,
.local-pdf-viewer {
  flex: 1;
  min-height: 0;
}

.local-pdf-host,
.local-pdf-viewer {
  display: flex;
  flex-direction: column;
}

.local-pdf-viewer {
  width: 100%;
  background: var(--warm);
}

.local-pdf-toolbar {
  min-height: 42px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  border-bottom: 1px solid var(--line);
  background: #323232;
  color: #f1f1f1;
  font-size: 11px;
}

.local-pdf-toolbar button {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #f1f1f1;
  cursor: pointer;
}

.local-pdf-toolbar button:hover {
  background: rgba(255,255,255,.12);
}

.local-pdf-toolbar input {
  width: 38px;
  height: 25px;
  border: 1px solid #686868;
  border-radius: 2px;
  background: #202020;
  color: #fff;
  text-align: center;
  font: 11px/1 inherit;
}

.local-pdf-toolbar input::-webkit-inner-spin-button {
  display: none;
}

.pdf-toolbar-divider {
  width: 1px;
  height: 20px;
  margin: 0 4px;
  background: #5b5b5b;
}

#pdf-zoom-value {
  min-width: 36px;
  text-align: center;
}

.local-pdf-toolbar button:disabled {
  opacity: .35;
  cursor: default;
}

.local-pdf-canvas-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 18px;
  display: grid;
  align-content: start;
  justify-content: center;
}

.local-pdf-canvas-wrap canvas {
  display: block;
  background: #fff;
  box-shadow: 0 4px 18px rgba(30,29,28,.12);
}

.local-pdf-canvas-wrap p {
  align-self: center;
  margin: 180px 0 0;
  color: var(--muted);
  font-size: 13px;
}

#convert-button.compact-button {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 15px;
  border: 0;
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font: 650 12px/1 inherit;
  cursor: pointer;
}

#convert-button.compact-button:hover {
  background: #197de8;
  box-shadow: 0 0 0 4px rgba(49, 145, 255, 0.18);
}

.processing {
  scroll-margin-top: 24px;
  margin-top: 24px;
  margin-bottom: -12px;
}

.processing.error {
  position: fixed;
  top: 88px;
  left: 50%;
  z-index: 20;
  width: min(760px, calc(100% - 32px));
  margin: 0;
  transform: translateX(-50%);
  box-shadow: 0 14px 40px rgba(30,29,28,.16);
}

.result-head {
  align-items: flex-start;
}

.result {
  scroll-margin-top: 24px;
}

.result-commandbar {
  min-height: 68px;
  margin: 26px 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.result-commandbar .quality {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.copy-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 20;
  padding: 13px 17px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  box-shadow: var(--shadow);
  font-size: 13px;
  font-weight: 650;
}

.waiting-state {
  flex: 1;
  display: grid;
  place-content: center;
  padding: 36px;
  text-align: center;
}

.waiting-state strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
}

.waiting-state p {
  max-width: 360px;
  margin: 10px auto 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

a.primary-button { color: #fff !important; text-decoration: none !important; }

.guide-cover { margin: 48px 0 0; }
.guide-cover img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 16px; }
.test-result { display: grid; grid-template-columns: repeat(4, 1fr); margin: 30px 0; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); font-family: Inter, system-ui, sans-serif; }
.test-result div { padding: 18px 12px 18px 0; border-right: 1px solid var(--line); }
.test-result div + div { padding-left: 16px; }
.test-result div:last-child { border-right: 0; }
.test-result span, .test-result small { display: block; }
.test-result span { color: var(--ink); font-size: 19px; font-weight: 700; }
.test-result small { margin-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }

.content-section,
.feedback-section {
  padding: 96px 0;
  border-top: 1px solid var(--line);
}

.section-intro {
  max-width: 720px;
  margin-bottom: 48px;
}

.section-intro .eyebrow,
.privacy-section .eyebrow,
.feedback-section .eyebrow {
  display: block;
}

.content-section h2,
.feedback-section h2 {
  margin: 0;
  max-width: 780px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(36px, 4.4vw, 58px);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

.section-intro > p:last-child {
  max-width: 620px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}

.process-grid,
.use-case-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--ink);
}

.process-grid li,
.use-case-grid article {
  min-height: 230px;
  padding: 26px 30px 30px 0;
  border-right: 1px solid var(--line);
}

.process-grid li + li,
.use-case-grid article + article {
  padding-left: 30px;
}

.process-grid li:last-child,
.use-case-grid article:last-child {
  border-right: 0;
}

.use-case-grid article { padding: 0; }
.use-case-grid article + article { padding-left: 0; }
.use-case-grid article img { display: block; width: 100%; height: 230px; object-fit: cover; filter: saturate(.72) contrast(.96); }
.use-case-grid article > div { padding: 26px 30px 32px; }

.process-grid span,
.use-case-label {
  display: block;
  margin: 0 0 42px;
  color: var(--muted);
  font: 600 11px/1.2 "SFMono-Regular", Consolas, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.process-grid h3,
.use-case-grid h3 {
  margin: 0 0 12px;
  font-size: 20px;
  letter-spacing: -.025em;
}

.process-grid p,
.use-case-grid article > p:last-child,
.privacy-copy p,
.faq-list p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.privacy-section {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 80px;
  background: var(--ink);
  color: #fff;
  box-shadow: 50vw 0 0 var(--ink), -50vw 0 0 var(--ink);
}

.privacy-copy {
  align-self: end;
}

.privacy-copy p {
  color: #bdbab4;
}

.privacy-copy p + p {
  margin-top: 20px;
}

.faq-section {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 80px;
}

.faq-section .section-intro {
  margin: 0;
}

.faq-list {
  border-top: 1px solid var(--ink);
}

.faq-list details {
  border-bottom: 1px solid var(--line);
}

.faq-list summary {
  padding: 22px 40px 22px 0;
  position: relative;
  cursor: pointer;
  font-size: 15px;
  font-weight: 650;
  list-style: none;
}

.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 4px; font-size: 20px; font-weight: 400; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { max-width: 650px; padding: 0 44px 24px 0; }

.feedback-section {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 30px;
}

.feedback-section h2 { font-size: clamp(30px, 3.5vw, 46px); }
.feedback-actions { display: flex; gap: 10px; }
.feedback-button {
  min-width: 100px;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  font: 650 13px/1 inherit;
  cursor: pointer;
}
.feedback-button:hover,
.feedback-button.selected { border-color: var(--ink); background: var(--ink); color: #fff; }
.feedback-response { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 13px; }

footer div p { margin: 6px 0 0; }
footer nav { display: flex; gap: 24px; }
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--ink); }

@media (max-width: 800px) {
  .processing.error {
    top: 12px;
  }
  .landing {
    padding-top: 38px;
  }

  .header-nav { gap: 14px; }
  .guide-cover { margin-top: 32px; }
  .prose-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .prose-layout > * { min-width: 0; }
  .test-result { grid-template-columns: 1fr 1fr; }
  .test-result div:nth-child(2) { border-right: 0; }
  .test-result div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

  .hero-copy h1 {
    font-size: 43px;
  }

  .selected-workspace {
    grid-template-columns: 1fr;
    height: 820px;
  }

  .selected-pane {
    min-height: 410px;
  }

  .selected-pdf-pane {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .result-commandbar {
    align-items: stretch;
    flex-direction: column;
  }

  .result-commandbar .quality,
  .result-commandbar .result-actions {
    width: 100%;
  }

  .content-section,
  .feedback-section { padding: 68px 0; }
  .process-grid,
  .use-case-grid { grid-template-columns: 1fr; }
  .process-grid li,
  .use-case-grid article { min-height: 0; padding: 24px 0 30px; border-right: 0; border-bottom: 1px solid var(--line); }
  .process-grid li + li,
  .use-case-grid article + article { padding-left: 0; }
  .use-case-grid article { padding: 0; }
  .use-case-grid article img { height: 220px; }
  .use-case-grid article > div { padding: 24px 0 30px; }
  .process-grid span,
  .use-case-label { margin-bottom: 24px; }
  .privacy-section,
  .faq-section,
  .feedback-section { grid-template-columns: 1fr; gap: 42px; }
  .faq-section .section-intro { margin-bottom: 0; }
  .feedback-section { align-items: start; }
  footer nav { flex-wrap: wrap; gap: 14px 22px; }
}