* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.route-loading {
  display: grid;
  min-height: 100vh;
  place-items: center;
  color: #6b7280;
  background: #fff;
  font-size: 14px;
}

:root {
  --ink: #171a23;
  --ink-soft: #4b5264;
  --muted: #687185;
  --line: #e5e7ec;
  --surface: #ffffff;
  --surface-soft: #f7f7f5;
  --primary: #f2543d;
  --primary-dark: #d93d2b;
  --indigo: #5146e5;
  --green: #0f9f73;
  --radius-lg: 28px;
  --radius-md: 20px;
  --shadow: 0 24px 70px rgba(23, 26, 35, 0.1);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

body {
  min-width: 320px;
  color: var(--ink);
  background: var(--surface);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body::selection {
  color: #fff;
  background: var(--primary);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible {
  outline: 3px solid rgba(81, 70, 229, 0.35);
  outline-offset: 4px;
}

.section-shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(229, 231, 236, 0.86);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
}

.header-inner {
  width: min(1240px, calc(100% - 48px));
  height: 72px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 36px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--ink);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.logo-mark {
  width: 34px;
  height: 34px;
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #f97316);
  box-shadow: 0 7px 16px rgba(239, 68, 68, 0.22);
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: 700;
}

.nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 34px;
}

.nav a {
  position: relative;
  color: var(--ink-soft);
  font-size: 14px;
  font-weight: 600;
}

.nav a::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -8px;
  left: 50%;
  height: 2px;
  border-radius: 2px;
  background: var(--primary);
  transition: right 0.2s ease, left 0.2s ease;
}

.nav a:hover::after {
  right: 0;
  left: 0;
}

.header-btn {
  padding: 10px 17px;
  border-radius: 11px;
  color: #fff;
  background: var(--ink);
  font-size: 14px;
  font-weight: 700;
  transition: transform 0.2s ease, background 0.2s ease;
}

.header-btn:hover {
  background: var(--primary-dark);
  transform: translateY(-1px);
}

.menu-toggle {
  width: 42px;
  height: 42px;
  margin-left: auto;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

.menu-toggle span {
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: var(--ink);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 148px 0 90px;
  background:
    radial-gradient(circle at 10% 20%, rgba(242, 84, 61, 0.11), transparent 28%),
    radial-gradient(circle at 87% 10%, rgba(81, 70, 229, 0.12), transparent 26%),
    linear-gradient(180deg, #fffdfb 0%, #f8f8f6 100%);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-image: linear-gradient(rgba(23, 26, 35, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 26, 35, 0.04) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 80%);
}

.hero-inner {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 0.9fr);
  align-items: center;
  gap: 72px;
  position: relative;
  z-index: 1;
}

.eyebrow,
.section-kicker {
  color: var(--primary-dark);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px;
}

.eyebrow span {
  width: 24px;
  height: 2px;
  background: var(--primary);
}

.hero h1 {
  max-width: 700px;
  font-size: clamp(46px, 5.2vw, 74px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.hero h1 em {
  color: var(--primary);
  font-style: normal;
}

.hero-description {
  max-width: 650px;
  margin-top: 26px;
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.85;
}

.hero-buttons {
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 13px;
  flex-wrap: wrap;
}

.btn {
  min-height: 50px;
  padding: 13px 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 750;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  color: #fff;
  background: var(--primary);
  box-shadow: 0 12px 30px rgba(242, 84, 61, 0.26);
}

.btn-primary:hover {
  background: var(--primary-dark);
  box-shadow: 0 16px 36px rgba(242, 84, 61, 0.32);
}

.btn-secondary {
  border-color: var(--line);
  background: rgba(255, 255, 255, 0.85);
}

.btn-secondary:hover {
  border-color: #c7cad3;
  box-shadow: 0 10px 25px rgba(23, 26, 35, 0.08);
}

.hero-proof {
  margin-top: 30px;
  display: flex;
  gap: 19px;
  flex-wrap: wrap;
  list-style: none;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.hero-proof li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.hero-proof span {
  color: var(--green);
}

.hero-visual {
  position: relative;
  min-width: 0;
}

.visual-glow {
  position: absolute;
  inset: 12% 8%;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(242, 84, 61, 0.23), rgba(81, 70, 229, 0.22));
  filter: blur(54px);
}

.workspace-window {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: var(--shadow);
  transform: rotate(1deg);
}

.workspace-topbar {
  height: 48px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-bottom: 1px solid var(--line);
  background: #fbfbfc;
}

.window-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #d5d8e0;
}

.window-dot:first-child { background: #ff7065; }
.window-dot:nth-child(2) { background: #ffc45d; }
.window-dot:nth-child(3) { background: #58c98b; }

.workspace-topbar strong {
  margin-left: auto;
  margin-right: auto;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

.workspace-body {
  padding: 25px;
}

.source-file,
.result-strip {
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

.source-file {
  padding: 14px;
}

.file-badge {
  width: 44px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #dc2626;
  background: #fee2e2;
  font-size: 11px;
  font-weight: 850;
}

.source-file div,
.result-strip div,
.action-chip span {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.source-file strong,
.result-strip strong,
.action-chip strong {
  font-size: 12px;
}

.source-file small,
.result-strip small,
.action-chip small {
  color: var(--muted);
  font-size: 10px;
}

.flow-line {
  margin: 18px 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  color: var(--muted);
  font-size: 10px;
}

.flow-line span {
  height: 1px;
  background: var(--line);
}

.action-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.action-chip {
  min-width: 0;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

.action-chip.active {
  border-color: rgba(81, 70, 229, 0.45);
  background: #f4f2ff;
}

.action-chip i {
  width: 31px;
  height: 31px;
  display: flex;
  flex: 0 0 31px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: var(--indigo);
  background: #e6e4ff;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
}

.result-strip {
  margin-top: 17px;
  padding: 12px 13px;
  border-color: #d6f1e6;
  background: #f0fbf7;
}

.result-icon {
  width: 30px;
  height: 30px;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--green);
  font-size: 12px;
}

.floating-note {
  position: absolute;
  z-index: 2;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 35px rgba(23, 26, 35, 0.14);
  font-size: 11px;
  font-weight: 750;
}

.floating-note span {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  color: var(--primary-dark);
  background: #fff0ec;
}

.note-one { top: -23px; right: 25px; }
.note-two { bottom: -22px; left: -28px; }

.scenarios {
  padding-block: 108px;
}

.section-heading {
  max-width: 800px;
  margin: 0 auto 50px;
  text-align: center;
}

.section-heading h2 {
  margin-top: 13px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.section-heading > p {
  margin-top: 17px;
  color: var(--muted);
  font-size: 16px;
}

.scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.scenario-card {
  min-height: 265px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.scenario-card:hover {
  border-color: #d3d5dd;
  box-shadow: 0 20px 45px rgba(23, 26, 35, 0.08);
  transform: translateY(-4px);
}

.scenario-card-link {
  cursor: pointer;
}

.scenario-card-link:focus-visible {
  border-color: var(--indigo);
}

.scenario-link-label {
  margin-top: 15px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--indigo);
  font-size: 12px;
  font-weight: 800;
}

.scenario-card:last-child {
  min-height: 205px;
  grid-column: 1 / -1;
}

.scenario-card:last-child p {
  max-width: 760px;
}

.scenario-mark {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 850;
}

.scenario-mark.indigo { color: #4338ca; background: #e9e7ff; }
.scenario-mark.green { color: #047857; background: #d9f8eb; }
.scenario-mark.amber { color: #b45309; background: #fff2ce; }
.scenario-mark.rose { color: #be185d; background: #fde5f0; }
.scenario-mark.cyan { color: #0e7490; background: #dff7fb; }
.scenario-mark.violet { color: #7e22ce; background: #f1e5ff; }
.scenario-mark.orange { color: #c2410c; background: #ffeadc; }

.scenario-card h3 {
  margin-bottom: 10px;
  font-size: 20px;
  letter-spacing: -0.02em;
}

.scenario-card p {
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.8;
}

.scenario-card small {
  margin-top: auto;
  padding-top: 20px;
  color: var(--muted);
  font-size: 12px;
}

.scenario-footnote {
  max-width: 780px;
  margin: 28px auto 0;
  padding: 14px 18px;
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border-radius: 14px;
  color: var(--muted);
  background: var(--surface-soft);
  font-size: 12px;
}

.scenario-footnote span {
  width: 19px;
  height: 19px;
  display: flex;
  flex: 0 0 19px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--ink-soft);
  font-family: Georgia, serif;
}

.platforms {
  padding-block: 108px;
  color: #fff;
  background: #181a22;
}

.section-heading.light .section-kicker { color: #ff8a76; }
.section-heading.light h2 { color: #fff; }
.section-heading.light > p { color: #aeb4c2; }

.platform-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.platform-card {
  min-height: 485px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border: 1px solid #333641;
  border-radius: 24px;
  background: #22252e;
}

.platform-card.mini {
  border-color: rgba(242, 84, 61, 0.65);
  background: linear-gradient(155deg, #2e2424, #22252e 60%);
}

.platform-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.platform-card-top > span {
  padding: 6px 9px;
  border-radius: 999px;
  color: #c7cad3;
  background: #30333d;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.07em;
}

.platform-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: #ff8a76;
  background: rgba(242, 84, 61, 0.12);
}

.platform-icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.platform-card h3 {
  margin-top: 24px;
  font-size: 25px;
  letter-spacing: -0.03em;
}

.platform-card > p {
  min-height: 82px;
  margin-top: 12px;
  color: #aeb4c2;
  font-size: 14px;
  line-height: 1.8;
}

.platform-card ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  color: #d9dce3;
  font-size: 12px;
}

.platform-card li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.platform-card li span {
  color: #5ee0ad;
}

.platform-qr {
  margin-top: auto;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 16px;
  background: #fff;
  color: var(--ink);
}

.platform-qr img {
  width: 78px;
  height: 78px;
  border-radius: 8px;
}

.platform-qr div {
  display: flex;
  flex-direction: column;
}

.platform-qr strong { font-size: 14px; }
.platform-qr small { color: var(--muted); font-size: 10px; }

.platform-status {
  margin-top: auto;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-radius: 12px;
  color: #d9dce3;
  background: #2c2f39;
  font-size: 11px;
}

.platform-status span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f4b54c;
  box-shadow: 0 0 0 4px rgba(244, 181, 76, 0.12);
}

.desktop-downloads {
  margin-top: auto;
  padding-top: 24px;
}

.desktop-download-heading {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.desktop-download-heading strong {
  color: #fff;
  font-size: 13px;
}

.desktop-download-heading span {
  color: #aeb4c2;
  font-size: 10px;
}

.desktop-download-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.desktop-download-link {
  min-width: 0;
  min-height: 58px;
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border: 1px solid #434753;
  border-radius: 12px;
  color: #f7f8fb;
  background: #2c2f39;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.desktop-download-link.primary {
  border-color: rgba(255, 138, 118, 0.72);
  background: rgba(242, 84, 61, 0.14);
}

.desktop-download-link.windows {
  grid-column: 1 / -1;
}

.desktop-download-link:hover {
  border-color: #ff8a76;
  background: #353944;
  transform: translateY(-1px);
}

.desktop-download-link:focus-visible {
  outline: 3px solid rgba(255, 138, 118, 0.42);
  outline-offset: 2px;
}

.desktop-download-link strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.desktop-download-link small {
  overflow: hidden;
  color: #aeb4c2;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.desktop-download-warning {
  min-height: 0;
  margin-top: 10px;
  color: #f5c56f;
  font-size: 10px;
  line-height: 1.55;
}

.how-it-works {
  padding-block: 108px;
}

.split-heading {
  max-width: none;
  display: grid;
  grid-template-columns: 1.1fr 0.7fr;
  gap: 80px;
  align-items: end;
  text-align: left;
}

.split-heading h2 {
  max-width: 750px;
}

.split-heading > p {
  margin-bottom: 6px;
}

.steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
}

.step {
  min-height: 225px;
  padding: 27px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  border-top: 2px solid var(--ink);
  background: var(--surface-soft);
}

.step-number {
  color: var(--primary);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.step h3 {
  margin-bottom: 10px;
  font-size: 19px;
}

.step p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}

.cta {
  padding-bottom: 108px;
}

.cta-card {
  padding: 54px 62px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 70px;
  overflow: hidden;
  position: relative;
  border-radius: var(--radius-lg);
  color: #fff;
  background:
    radial-gradient(circle at 95% 20%, rgba(255, 255, 255, 0.18), transparent 28%),
    linear-gradient(135deg, #f2543d, #db3c48 58%, #703f8f);
  box-shadow: 0 28px 70px rgba(191, 58, 47, 0.23);
}

.cta-copy {
  position: relative;
  z-index: 1;
}

.cta .section-kicker { color: #ffe2da; }

.cta h2 {
  max-width: 750px;
  margin-top: 12px;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.cta-copy > p {
  margin-top: 17px;
  color: rgba(255, 255, 255, 0.86);
}

.cta-trust {
  margin-top: 25px;
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}

.cta-qr {
  width: 208px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  color: var(--ink);
  background: #fff;
  box-shadow: 0 18px 50px rgba(76, 25, 25, 0.2);
}

.cta-qr img {
  width: 176px;
  height: 176px;
  border-radius: 10px;
}

.cta-qr strong { margin-top: 8px; font-size: 14px; }
.cta-qr small { color: var(--muted); font-size: 11px; }

.footer {
  padding: 34px 0;
  color: #d5d8e0;
  background: #12141a;
}

.footer-inner {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}

.footer-brand > div {
  display: flex;
  flex-direction: column;
}

.footer-brand strong { font-size: 14px; }
.footer-brand small { color: #828896; font-size: 10px; }

.copyright {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #828896;
  font-size: 11px;
}

.copyright a:hover { color: #fff; }

/* ==================== A3 to A4 landing ==================== */
.a3-page {
  background: #fff;
}

.a3-shell {
  width: min(1120px, calc(100% - 48px));
  margin-inline: auto;
}

.breadcrumb {
  padding-top: 96px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 12px;
}

.breadcrumb a:hover {
  color: var(--primary-dark);
}

.a3-hero {
  overflow: hidden;
  position: relative;
  padding-bottom: 92px;
  background:
    radial-gradient(circle at 88% 14%, rgba(81, 70, 229, 0.13), transparent 26%),
    radial-gradient(circle at 12% 40%, rgba(242, 84, 61, 0.1), transparent 28%),
    linear-gradient(180deg, #fffdfb 0%, #f8f8f6 100%);
}

.a3-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.25;
  background-image: linear-gradient(rgba(23, 26, 35, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 26, 35, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

.a3-hero-grid {
  padding-top: 54px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(400px, 0.8fr);
  align-items: center;
  gap: 54px;
  position: relative;
  z-index: 1;
}

.a3-kicker {
  color: var(--primary-dark);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.a3-hero h1 {
  margin-top: 17px;
  font-size: clamp(43px, 4.5vw, 58px);
  line-height: 1.1;
  letter-spacing: -0.055em;
}

.a3-hero h1 em {
  display: block;
  color: var(--primary);
  font-style: normal;
}

.a3-hero-copy > p {
  margin-top: 24px;
  color: var(--ink-soft);
  font-size: 17px;
  line-height: 1.85;
}

.a3-hero-actions {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.a3-proof {
  margin-top: 25px;
  display: flex;
  gap: 10px 18px;
  flex-wrap: wrap;
  list-style: none;
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}

.a3-proof li {
  display: flex;
  align-items: center;
  gap: 6px;
}

.a3-proof span { color: var(--green); }

.a3-split-visual {
  padding: 28px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
  transform: rotate(0.8deg);
}

.paper-label {
  margin-bottom: 12px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  text-align: center;
}

.a3-paper {
  min-height: 210px;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  gap: 20px;
  position: relative;
  border: 1px solid #d9dbe2;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(23, 26, 35, 0.08);
}

.paper-column {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.paper-column b {
  margin-bottom: 2px;
  color: #343844;
  font-size: 9px;
}

.paper-column span,
.a4-result > span {
  height: 4px;
  display: block;
  border-radius: 4px;
  background: #e5e7eb;
}

.paper-column span:nth-of-type(2),
.a4-result > span:nth-of-type(2) { width: 77%; }
.paper-column span:nth-of-type(3) { width: 88%; }

.paper-column small {
  margin: 4px 0;
  color: #7d8495;
  font-size: 7px;
}

.paper-split {
  height: 100%;
  position: relative;
  border-radius: 4px;
  background: var(--indigo);
  box-shadow: 0 0 0 4px rgba(81, 70, 229, 0.1);
}

.paper-split i {
  padding: 3px 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 5px;
  color: #fff;
  background: var(--indigo);
  font-size: 7px;
  font-style: normal;
  transform: translate(-50%, -50%);
}

.split-arrow {
  margin: 12px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
}

.split-arrow span {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: var(--primary);
}

.a4-results {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.a4-result {
  min-height: 150px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  border: 1px solid #d9dbe2;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(23, 26, 35, 0.07);
}

.a4-result small {
  color: var(--primary-dark);
  font-size: 7px;
  font-weight: 800;
}

.a4-result strong {
  margin-bottom: 6px;
  font-size: 9px;
}

.a3-section {
  padding-block: 104px;
}

.a3-section-heading {
  max-width: 780px;
  margin: 0 auto 44px;
  text-align: center;
}

.a3-section-heading h2 {
  margin-top: 12px;
  font-size: clamp(31px, 4vw, 45px);
  line-height: 1.22;
  letter-spacing: -0.04em;
}

.a3-section-heading > p {
  margin-top: 14px;
  color: var(--muted);
}

.decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.decision-card {
  min-height: 420px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--surface-soft);
}

.decision-card.recommended {
  border-color: rgba(81, 70, 229, 0.42);
  background: #f5f3ff;
  box-shadow: 0 20px 45px rgba(81, 70, 229, 0.1);
}

.decision-tag {
  align-self: flex-start;
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--ink-soft);
  background: #e8e9ed;
  font-size: 10px;
  font-weight: 800;
}

.recommended .decision-tag {
  color: #4338ca;
  background: #e4e1ff;
}

.decision-card h3 {
  margin-top: 18px;
  font-size: 24px;
  letter-spacing: -0.03em;
}

.decision-card > p {
  margin-top: auto;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.8;
}

.scale-demo,
.halve-demo {
  min-height: 170px;
  margin: 25px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  border-radius: 17px;
  background: #fff;
}

.scale-demo > div:first-child,
.halve-demo > div:first-child {
  width: 128px;
  height: 91px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 2px solid #858b9a;
  color: #646b7b;
  font-size: 12px;
  font-weight: 800;
}

.scale-demo > span,
.halve-demo > span {
  color: var(--primary);
  font-size: 22px;
}

.scale-demo .small-paper {
  width: 66px;
  height: 94px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #858b9a;
  font-size: 11px;
  font-weight: 800;
}

.scale-demo small {
  margin-top: 7px;
  padding-inline: 5px;
  color: var(--muted);
  font-size: 6px;
  text-align: center;
}

.halve-demo > div:first-child i {
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  background: var(--indigo);
}

.halve-pair {
  display: flex;
  gap: 7px;
}

.halve-pair b {
  width: 55px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--indigo);
  color: var(--indigo);
  font-size: 10px;
}

.a3-how {
  padding-block: 104px;
  color: #fff;
  background: #191b23;
}

.a3-section-heading.light .a3-kicker { color: #ff8a76; }
.a3-section-heading.light h2 { color: #fff; }

.a3-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
}

.a3-steps li {
  min-height: 245px;
  padding: 29px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #343741;
  border-radius: 20px;
  background: #22252e;
}

.a3-steps li > span {
  color: #ff8a76;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.a3-steps h3 {
  margin-bottom: 10px;
  font-size: 19px;
}

.a3-steps p {
  color: #b7bdca;
  font-size: 13px;
  line-height: 1.8;
}

.a3-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.a3-feature-grid article {
  min-height: 235px;
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
}

.a3-feature-grid article > span {
  min-width: 45px;
  height: 45px;
  padding-inline: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: #4338ca;
  background: #e9e7ff;
  font-size: 11px;
  font-weight: 850;
}

.a3-feature-grid h3 {
  margin-top: 22px;
  font-size: 19px;
}

.a3-feature-grid p {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.8;
}

.print-guide {
  padding-block: 90px;
  background: #fff5ef;
}

.print-guide-grid {
  display: grid;
  grid-template-columns: 1fr 390px;
  align-items: center;
  gap: 90px;
}

.print-guide h2 {
  margin-top: 12px;
  font-size: clamp(31px, 4vw, 45px);
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.print-guide p {
  margin-top: 18px;
  color: var(--ink-soft);
  line-height: 1.85;
}

.printer-card {
  overflow: hidden;
  border: 1px solid #e4d8d0;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 45px rgba(90, 48, 35, 0.1);
}

.printer-top {
  height: 42px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--line);
  background: #f8f8f9;
}

.printer-top span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d5d7dd;
}

.printer-card dl {
  padding: 12px 20px 5px;
}

.printer-card dl > div {
  padding: 13px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 1px solid var(--line);
}

.printer-card dt {
  color: var(--muted);
  font-size: 12px;
}

.printer-card dd {
  font-size: 12px;
  font-weight: 800;
}

.printer-preview-action {
  width: calc(100% - 40px);
  margin: 15px 20px 20px;
  padding: 11px;
  border-radius: 10px;
  color: #fff;
  background: var(--primary);
  font-size: 12px;
  font-weight: 750;
  text-align: center;
}

.faq-list {
  max-width: 860px;
  margin-inline: auto;
  border-top: 1px solid var(--line);
}

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

.faq-list summary {
  padding: 23px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 750;
  list-style: none;
}

.faq-list summary::-webkit-details-marker { display: none; }

.faq-list summary span {
  width: 29px;
  height: 29px;
  display: flex;
  flex: 0 0 29px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--surface-soft);
  transition: transform 0.2s ease;
}

.faq-list details[open] summary span { transform: rotate(45deg); }

.faq-list details > p {
  max-width: 760px;
  padding: 0 4px 23px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.85;
}

.a3-start {
  padding-bottom: 104px;
}

.a3-start-card {
  padding: 50px 58px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 70px;
  border-radius: 28px;
  color: #fff;
  background: linear-gradient(135deg, #f2543d, #db3c48 58%, #703f8f);
  box-shadow: 0 28px 70px rgba(191, 58, 47, 0.22);
}

.a3-start .a3-kicker { color: #ffe0d8; }

.a3-start h2 {
  margin-top: 12px;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.2;
  letter-spacing: -0.04em;
}

.a3-start-card > div:first-child > p {
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  line-height: 1.8;
}

.related-link {
  margin-top: 21px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
}

.related-link:hover { text-decoration: underline; }

.a3-start-qr {
  width: 216px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  color: var(--ink);
  background: #fff;
}

.a3-start-qr img {
  width: 184px;
  height: 184px;
  border-radius: 10px;
}

.a3-start-qr strong { margin-top: 8px; font-size: 14px; }
.a3-start-qr small { color: var(--muted); font-size: 10px; }

.merge-page {
  background: #fbfcfa;
  color: #17231e;
}

.merge-shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.merge-hero {
  min-height: 800px;
  padding-bottom: 104px;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(68, 180, 119, 0.15), transparent 28%),
    radial-gradient(circle at 5% 72%, rgba(255, 91, 70, 0.08), transparent 24%),
    linear-gradient(180deg, #fff 0%, #f3f8f4 100%);
}

.merge-hero-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: center;
  gap: 62px;
  padding-top: 70px;
}

.merge-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #198653;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.merge-kicker::before {
  content: '';
  width: 22px;
  height: 3px;
  border-radius: 99px;
  background: #ff5b46;
}

.merge-hero h1 {
  max-width: 670px;
  margin: 22px 0 24px;
  font-size: clamp(48px, 5.1vw, 68px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.merge-hero h1 em {
  display: block;
  color: #16824f;
  font-style: normal;
}

.merge-hero-copy > p {
  max-width: 620px;
  color: #607069;
  font-size: 18px;
  line-height: 1.85;
}

.merge-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.merge-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin: 27px 0 0;
  padding: 0;
  color: #4e5f57;
  font-size: 13px;
  list-style: none;
}

.merge-proof li { display: flex; align-items: center; gap: 7px; }
.merge-proof span { color: #16824f; font-weight: 900; }

.merge-flow-visual {
  position: relative;
  display: grid;
  grid-template-columns: minmax(210px, 1fr) 58px minmax(170px, 0.8fr);
  align-items: center;
  gap: 14px;
  min-height: 470px;
  padding: 34px;
  border: 1px solid rgba(23, 130, 79, 0.14);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 36px 80px rgba(32, 76, 53, 0.15);
}

.merge-flow-visual::before {
  content: '';
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(23, 130, 79, 0.15);
  border-radius: 25px;
  pointer-events: none;
}

.merge-source-stack { position: relative; z-index: 1; display: grid; gap: 12px; }

.source-file {
  display: grid;
  grid-template-columns: 26px 38px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 84px;
  padding: 14px;
  border: 1px solid #dde9e1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(34, 76, 55, 0.08);
}

.source-file:nth-child(2) { transform: translateX(14px); }
.source-file i { color: #a7b7ae; font-style: normal; letter-spacing: -3px; }
.source-file > span { display: grid; place-items: center; width: 36px; height: 44px; border-radius: 8px; color: #fff; background: #16824f; font-size: 11px; font-weight: 900; }
.source-file.source-image > span { background: #ff785f; }
.source-file strong { min-width: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.source-file small { grid-column: 3; margin-top: -20px; color: #87968e; font-size: 10px; }

.merge-flow-arrow { position: relative; z-index: 1; display: grid; justify-items: center; gap: 5px; color: #16824f; }
.merge-flow-arrow span { font-size: 36px; font-weight: 300; }
.merge-flow-arrow small { writing-mode: vertical-rl; color: #839087; font-size: 9px; letter-spacing: 0.15em; }

.merged-document {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 280px;
  padding: 28px 20px;
  border: 2px solid #16824f;
  border-radius: 16px;
  background: linear-gradient(145deg, #fff, #f2faf5);
  box-shadow: 0 18px 38px rgba(22, 130, 79, 0.15);
  flex-direction: column;
}

.merged-document::after { content: 'PDF'; position: absolute; right: 16px; bottom: 14px; color: rgba(22, 130, 79, 0.08); font-size: 48px; font-weight: 900; }
.merged-badge { align-self: flex-start; padding: 5px 9px; border-radius: 99px; color: #fff; background: #16824f; font-size: 9px; font-weight: 800; }
.merged-document strong { margin-top: 22px; font-size: 16px; }
.merged-document > small { margin-top: auto; color: #738078; font-size: 10px; }
.merged-pages { display: flex; gap: 5px; margin-top: 20px; }
.merged-pages span { display: grid; place-items: center; width: 26px; height: 36px; border: 1px solid #d6e4da; border-radius: 5px; color: #526159; background: #fff; font-size: 9px; }

.merge-section { padding-block: 112px; }
.merge-section-heading { max-width: 760px; margin-bottom: 54px; }
.merge-section-heading h2, .ordering-copy h2, .merge-start-card h2 { margin: 16px 0 14px; font-size: clamp(34px, 4vw, 50px); line-height: 1.15; letter-spacing: -0.04em; }
.merge-section-heading > p, .ordering-copy > p { color: #718078; font-size: 16px; line-height: 1.8; }
.merge-section-heading.light h2 { color: #fff; }

.merge-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.merge-steps li { min-height: 260px; padding: 28px; border: 1px solid #e0e9e3; border-radius: 22px; background: #fff; }
.merge-steps li > span { color: #ff5b46; font-size: 13px; font-weight: 900; letter-spacing: 0.12em; }
.merge-steps h3 { margin: 54px 0 12px; font-size: 21px; }
.merge-steps p { color: #748179; font-size: 14px; line-height: 1.75; }

.merge-ordering { padding-block: 112px; background: #13251d; color: #fff; }
.ordering-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; align-items: center; gap: 86px; }
.ordering-copy > p { color: #aebdb5; }
.ordering-copy ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }
.ordering-copy li { color: #d7e2dc; font-size: 14px; }
.ordering-copy b { display: inline-block; min-width: 70px; color: #6ee0a4; }

.ordering-demo { display: grid; gap: 16px; padding: 24px; border: 1px solid rgba(255,255,255,0.12); border-radius: 24px; background: #1b3127; }
.ordering-row { padding: 20px; border-radius: 16px; background: #f7faf8; color: #203028; }
.ordering-row > small { color: #16824f; font-weight: 800; }
.ordering-row > div { display: flex; gap: 8px; margin: 16px 0 12px; }
.ordering-row > div span { padding: 12px 13px; border: 1px solid #dbe5df; border-radius: 9px; background: #fff; font-size: 11px; box-shadow: 0 5px 12px rgba(24, 61, 41, 0.05); }
.ordering-row > div .moving { border-color: #ff806d; color: #d94b35; transform: translateY(-6px); box-shadow: 0 10px 20px rgba(255, 91, 70, 0.18); }
.ordering-row strong { color: #78867e; font-size: 11px; font-weight: 500; }
.ordering-row.pages > div span { display: grid; place-items: center; width: 44px; height: 60px; padding: 0; }

.merge-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.merge-capability-grid article { min-height: 235px; padding: 26px; border: 1px solid #e0e9e3; border-radius: 20px; background: #fff; }
.merge-capability-grid article > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; color: #16824f; background: #e9f7ef; font-size: 12px; font-weight: 900; }
.merge-capability-grid h3 { margin: 28px 0 10px; font-size: 18px; }
.merge-capability-grid p { color: #748179; font-size: 13px; line-height: 1.75; }

.merge-use-cases { padding-block: 112px; background: #173427; }
.use-case-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.use-case-grid article { min-height: 250px; padding: 25px; border: 1px solid rgba(255,255,255,0.1); border-radius: 18px; background: rgba(255,255,255,0.055); color: #fff; }
.use-case-grid article > span { color: #6ee0a4; font-size: 12px; font-weight: 900; }
.use-case-grid h3 { margin: 70px 0 12px; font-size: 18px; }
.use-case-grid p { color: #aebdb5; font-size: 13px; line-height: 1.7; }

.merge-faq details[open] { border-color: rgba(22, 130, 79, 0.35); }
.merge-faq details[open] summary span { color: #16824f; }

.merge-start { padding-bottom: 112px; }
.merge-start-card { display: grid; grid-template-columns: 1fr 270px; align-items: center; gap: 60px; padding: 62px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, #153c2a 0%, #16824f 58%, #ff5b46 150%); box-shadow: 0 28px 68px rgba(20, 81, 51, 0.22); }
.merge-start-card .merge-kicker { color: #9ff0c1; }
.merge-start-card p { max-width: 660px; color: rgba(255,255,255,0.78); line-height: 1.8; }
.merge-start-card .related-link { color: #fff; }
.merge-start-qr { display: grid; justify-items: center; gap: 9px; padding: 20px; border-radius: 20px; color: #23372d; background: #fff; }
.merge-start-qr img { display: block; width: 184px; height: 184px; border-radius: 10px; }
.merge-start-qr strong { font-size: 14px; }
.merge-start-qr small { color: #7e8c84; font-size: 11px; }

.document-page { color: #24231f; background: #fffdf8; }
.document-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.document-hero {
  min-height: 800px;
  padding-bottom: 104px;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 18%, rgba(255, 187, 63, 0.2), transparent 27%),
    radial-gradient(circle at 9% 80%, rgba(255, 91, 70, 0.08), transparent 24%),
    linear-gradient(180deg, #fff 0%, #fff9ec 100%);
}
.document-hero-grid { display: grid; grid-template-columns: 1.08fr 0.92fr; align-items: center; gap: 64px; padding-top: 66px; }
.document-kicker { display: inline-flex; align-items: center; gap: 8px; color: #b46a00; font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.document-kicker::before { content: ''; width: 22px; height: 3px; border-radius: 99px; background: #ff5b46; }
.document-hero h1 { max-width: 670px; margin: 22px 0 24px; font-size: clamp(48px, 5vw, 68px); line-height: 1.08; letter-spacing: -0.055em; }
.document-hero h1 em { display: block; color: #c87900; font-style: normal; }
.document-hero-copy > p { max-width: 630px; color: #716c61; font-size: 18px; line-height: 1.85; }
.document-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.document-proof { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 27px 0 0; padding: 0; color: #655f55; font-size: 13px; list-style: none; }
.document-proof li { display: flex; align-items: center; gap: 7px; }
.document-proof span { color: #bd7200; font-weight: 900; }

.document-flow { position: relative; display: grid; grid-template-columns: minmax(170px, 0.78fr) 70px minmax(205px, 1fr); align-items: center; gap: 8px; min-height: 470px; padding: 34px; border: 1px solid rgba(184, 112, 0, 0.15); border-radius: 34px; background: rgba(255,255,255,0.9); box-shadow: 0 36px 80px rgba(102, 73, 20, 0.14); }
.document-flow::before { content: ''; position: absolute; inset: 14px; border: 1px dashed rgba(184, 112, 0, 0.16); border-radius: 25px; pointer-events: none; }
.document-source { position: relative; z-index: 1; display: flex; min-height: 270px; padding: 24px 18px; border: 2px solid #df8d12; border-radius: 14px; background: #fffdf8; flex-direction: column; box-shadow: 0 16px 34px rgba(156, 99, 10, 0.12); }
.document-source > span { align-self: flex-start; padding: 5px 8px; border-radius: 6px; color: #fff; background: #ff5b46; font-size: 9px; font-weight: 900; }
.document-source strong { margin-top: 20px; font-size: 14px; }
.document-source small { margin: 5px 0 26px; color: #9b9487; font-size: 9px; }
.document-source i { width: 100%; height: 5px; margin-top: 9px; border-radius: 99px; background: #ece6da; }
.document-source i:nth-of-type(2) { width: 76%; }
.document-source i:nth-of-type(4) { width: 62%; }
.document-flow-lines { position: relative; z-index: 1; display: grid; gap: 52px; }
.document-flow-lines span { position: relative; height: 1px; background: #d99323; }
.document-flow-lines span::after { content: '›'; position: absolute; right: -2px; top: 50%; color: #c47700; font-size: 21px; transform: translateY(-53%); }
.document-results { position: relative; z-index: 1; display: grid; gap: 12px; }
.document-results > div { display: grid; grid-template-columns: 45px 1fr; align-items: center; gap: 12px; min-height: 86px; padding: 13px; border: 1px solid #e7dfd0; border-radius: 14px; background: #fff; box-shadow: 0 10px 22px rgba(104, 73, 14, 0.07); }
.document-results b { display: grid; place-items: center; width: 43px; height: 52px; border-radius: 9px; color: #9d5e00; background: #fff0ce; font-size: 11px; }
.document-results > div:nth-child(2) b { color: #6146b5; background: #eee9ff; }
.document-results > div:nth-child(3) b { color: #2563aa; background: #e5f0ff; }
.document-results span { display: grid; min-width: 0; }
.document-results strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.document-results small { margin-top: 4px; color: #918a7e; font-size: 9px; }

.document-section { padding-block: 112px; }
.document-section-heading { max-width: 790px; margin-bottom: 54px; }
.document-section-heading h2, .document-start-card h2 { margin: 16px 0 14px; font-size: clamp(34px, 4vw, 50px); line-height: 1.15; letter-spacing: -0.04em; }
.document-section-heading > p { color: #766f64; font-size: 16px; line-height: 1.8; }
.document-section-heading.light h2 { color: #fff; }
.document-section-heading.light > p { color: #c9c1b3; }

.format-choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.format-choice-grid article { min-height: 460px; padding: 34px; border: 1px solid #eadfca; border-radius: 24px; background: #fff; }
.format-choice-grid article.markdown-choice { border-color: #d8d0f3; background: #fbfaff; }
.format-label { display: inline-block; padding: 6px 10px; border-radius: 99px; color: #9b5b00; background: #fff0ce; font-size: 10px; font-weight: 800; }
.markdown-choice .format-label { color: #6247b5; background: #eee9ff; }
.format-choice-grid h3 { margin: 20px 0 22px; font-size: 24px; }
.format-choice-grid > article > p { margin-top: 25px; color: #766f64; font-size: 14px; line-height: 1.8; }
.word-preview { display: grid; grid-template-columns: 82px 1fr; align-items: center; gap: 22px; min-height: 170px; padding: 25px; border: 1px solid #e4dfd5; border-radius: 16px; background: #f9f8f5; }
.word-preview > b { display: grid; place-items: center; width: 76px; height: 100px; border-radius: 8px; color: #fff; background: #2b66aa; font-size: 30px; }
.word-preview > div { display: grid; gap: 10px; }
.word-preview strong { margin-bottom: 6px; font-size: 12px; }
.word-preview span { width: 100%; height: 5px; border-radius: 99px; background: #d9d6cf; }
.word-preview span:last-child { width: 68%; }
.markdown-preview { display: grid; gap: 10px; min-height: 170px; padding: 25px; border: 1px solid #ddd6f4; border-radius: 16px; color: #ddd7f8; background: #26213a; }
.markdown-preview code { font-size: 12px; }
.markdown-preview code:first-child { color: #ffcb6b; font-weight: 800; }

.document-how { padding-block: 112px; color: #fff; background: #252118; }
.document-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.document-steps li { min-height: 255px; padding: 28px; border: 1px solid rgba(255,255,255,0.11); border-radius: 20px; background: rgba(255,255,255,0.055); }
.document-steps li > span { color: #ffbb3f; font-size: 13px; font-weight: 900; }
.document-steps h3 { margin: 52px 0 12px; font-size: 20px; }
.document-steps p { color: #bcb4a6; font-size: 13px; line-height: 1.75; }

.document-output-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.document-output-grid article { min-height: 235px; padding: 26px; border: 1px solid #eadfca; border-radius: 20px; background: #fff; }
.document-output-grid article > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 14px; color: #a86200; background: #fff0ce; font-size: 11px; font-weight: 900; }
.document-output-grid h3 { margin: 28px 0 10px; font-size: 18px; }
.document-output-grid p { color: #766f64; font-size: 13px; line-height: 1.75; }

.quality-section { padding-block: 112px; background: #312a1d; }
.quality-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.quality-grid article { min-height: 290px; padding: 28px; border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; color: #fff; background: rgba(255,255,255,0.055); }
.quality-grid article > span { display: inline-block; padding: 6px 10px; border-radius: 99px; font-size: 10px; font-weight: 800; }
.quality-grid .good > span { color: #91e6b6; background: rgba(43, 173, 102, 0.14); }
.quality-grid .check > span { color: #ffd277; background: rgba(255, 187, 63, 0.14); }
.quality-grid .limit > span { color: #ff9a8a; background: rgba(255, 91, 70, 0.14); }
.quality-grid h3 { margin: 66px 0 12px; font-size: 20px; }
.quality-grid p { color: #c5bcad; font-size: 13px; line-height: 1.75; }

.document-scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.document-scenario-grid article { min-height: 235px; padding: 25px; border: 1px solid #eadfca; border-radius: 18px; background: #fff; }
.document-scenario-grid article > span { color: #c57600; font-size: 12px; font-weight: 900; }
.document-scenario-grid h3 { margin: 60px 0 12px; font-size: 18px; }
.document-scenario-grid p { color: #766f64; font-size: 13px; line-height: 1.7; }
.document-faq details[open] { border-color: rgba(184, 112, 0, 0.35); }
.document-faq details[open] summary span { color: #b87000; }

.document-start { padding-bottom: 112px; }
.document-start-card { display: grid; grid-template-columns: 1fr 270px; align-items: center; gap: 60px; padding: 62px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, #3b2d16 0%, #bb7100 62%, #ff5b46 145%); box-shadow: 0 28px 68px rgba(118, 72, 7, 0.22); }
.document-start-card .document-kicker { color: #ffd88b; }
.document-start-card p { max-width: 660px; color: rgba(255,255,255,0.78); line-height: 1.8; }
.document-start-card .related-link { color: #fff; }
.document-start-qr { display: grid; justify-items: center; gap: 9px; padding: 20px; border-radius: 20px; color: #3c3323; background: #fff; }
.document-start-qr img { display: block; width: 184px; height: 184px; border-radius: 10px; }
.document-start-qr strong { font-size: 14px; }
.document-start-qr small { color: #887f70; font-size: 11px; }

.translation-page { color: #281f24; background: #fffafb; }
.translation-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.translation-hero { min-height: 800px; padding-bottom: 104px; overflow: hidden; background: radial-gradient(circle at 86% 16%, rgba(226,66,112,.16), transparent 28%), radial-gradient(circle at 5% 78%, rgba(255,91,70,.08), transparent 25%), linear-gradient(180deg,#fff 0%,#fff3f6 100%); }
.translation-hero-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:64px; padding-top:66px; }
.translation-kicker { display:inline-flex; align-items:center; gap:8px; color:#bf315c; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.translation-kicker::before { content:''; width:22px; height:3px; border-radius:99px; background:#ff5b46; }
.translation-hero h1 { max-width:680px; margin:22px 0 24px; font-size:clamp(48px,5vw,68px); line-height:1.08; letter-spacing:-.055em; }
.translation-hero h1 em { display:block; color:#cf3c68; font-style:normal; }
.translation-hero-copy>p { max-width:630px; color:#75666d; font-size:18px; line-height:1.85; }
.translation-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.translation-proof { display:flex; flex-wrap:wrap; gap:12px 22px; margin:27px 0 0; padding:0; color:#685a61; font-size:13px; list-style:none; }
.translation-proof li { display:flex; align-items:center; gap:7px; } .translation-proof span { color:#cf3c68; font-weight:900; }
.translation-visual { min-height:470px; padding:34px; border:1px solid rgba(207,60,104,.15); border-radius:34px; background:rgba(255,255,255,.9); box-shadow:0 36px 80px rgba(107,32,55,.14); }
.language-pill { display:inline-block; padding:7px 11px; border-radius:99px; color:#a9234c; background:#ffe5ed; font-size:10px; font-weight:800; }
.translation-pair { display:grid; gap:12px; margin-top:24px; }
.translation-pair>div { min-height:135px; padding:20px; border:1px solid #ecdae0; border-radius:16px; background:#fff; }
.translation-pair>div.translated { border-color:#e889a5; background:#fff7f9; }
.translation-pair small { color:#a77888; font-size:10px; font-weight:800; } .translation-pair strong { display:block; margin:12px 0 8px; font-size:17px; } .translation-pair p { color:#74646b; font-size:12px; line-height:1.7; }
.translation-pair>span { justify-self:center; color:#cf3c68; font-size:22px; }
.reverse-hint { display:flex; justify-content:center; gap:10px; margin-top:18px; color:#8c6c77; font-size:10px; } .reverse-hint b { color:#cf3c68; }
.translation-section { padding-block:112px; }
.translation-section-heading { max-width:790px; margin-bottom:54px; } .translation-section-heading h2,.translation-start-card h2 { margin:16px 0 14px; font-size:clamp(34px,4vw,50px); line-height:1.15; letter-spacing:-.04em; } .translation-section-heading>p { color:#78686f; font-size:16px; line-height:1.8; } .translation-section-heading.light h2 { color:#fff; }
.direction-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.direction-grid article { display:grid; grid-template-columns:64px 1fr auto; align-items:center; gap:20px; min-height:180px; padding:28px; border:1px solid #ecd9df; border-radius:22px; background:#fff; }
.direction-grid article>span { display:grid; place-items:center; width:60px; height:72px; border-radius:14px; color:#fff; background:#cf3c68; font-weight:900; } .direction-grid h3 { margin:0 0 8px; font-size:20px; } .direction-grid p { color:#796970; font-size:13px; line-height:1.7; } .direction-grid b { color:#c22f5a; font-size:13px; }
.mixed-language-note { display:grid; grid-template-columns:150px 1fr; gap:24px; margin-top:18px; padding:24px 28px; border-radius:16px; background:#fff0f4; } .mixed-language-note strong { color:#b92d57; } .mixed-language-note p { color:#745f67; font-size:13px; line-height:1.7; }
.translation-views,.translation-capabilities { padding-block:112px; color:#fff; background:#2d1720; }
.view-grid,.translation-steps,.translation-quality { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.view-grid article,.translation-steps li { min-height:240px; padding:28px; border:1px solid rgba(255,255,255,.11); border-radius:20px; background:rgba(255,255,255,.055); }
.view-grid span,.translation-steps>li>span { color:#ff7ca2; font-size:12px; font-weight:900; } .view-grid h3,.translation-steps h3 { margin:55px 0 12px; font-size:20px; } .view-grid p { color:#c5aeb7; font-size:13px; line-height:1.75; }
.translation-steps { margin:0; padding:0; list-style:none; } .translation-steps li { border-color:#ecd9df; color:#281f24; background:#fff; } .translation-steps p { color:#78686f; font-size:13px; line-height:1.75; }
.translation-capabilities { background:#381923; }
.translation-capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.translation-capability-grid article { min-height:230px; padding:26px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:rgba(255,255,255,.055); }
.translation-capability-grid article>span { display:grid; place-items:center; width:54px; height:54px; border-radius:14px; color:#ff9ab8; background:rgba(255,124,162,.12); font-size:11px; font-weight:900; } .translation-capability-grid h3 { margin:28px 0 10px; font-size:18px; } .translation-capability-grid p { color:#c9afb8; font-size:13px; line-height:1.75; }
.translation-quality article { min-height:220px; padding:26px; border:1px solid #ecd9df; border-radius:18px; background:#fff; } .translation-quality b { color:#c6325e; font-size:11px; } .translation-quality h3 { margin:45px 0 10px; font-size:18px; } .translation-quality p { color:#78686f; font-size:13px; line-height:1.7; }
.translation-faq details[open] { border-color:rgba(207,60,104,.35); }
.translation-start { padding-bottom:112px; } .translation-start-card { display:grid; grid-template-columns:1fr 270px; align-items:center; gap:60px; padding:62px; border-radius:30px; color:#fff; background:linear-gradient(135deg,#5a1d32 0%,#c63261 64%,#ff704f 145%); box-shadow:0 28px 68px rgba(132,31,62,.22); } .translation-start-card .translation-kicker { color:#ffc1d4; } .translation-start-card p { max-width:660px; color:rgba(255,255,255,.78); line-height:1.8; } .translation-start-card .related-link { color:#fff; }
.translation-start-qr { display:grid; justify-items:center; gap:9px; padding:20px; border-radius:20px; color:#43252f; background:#fff; } .translation-start-qr img { width:184px; height:184px; border-radius:10px; } .translation-start-qr strong { font-size:14px; } .translation-start-qr small { color:#8e7580; font-size:11px; }

.ocr-page{color:#182529;background:#fafeff}.ocr-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.ocr-hero{min-height:800px;padding-bottom:104px;overflow:hidden;background:radial-gradient(circle at 86% 17%,rgba(15,158,170,.17),transparent 28%),radial-gradient(circle at 5% 78%,rgba(255,91,70,.07),transparent 24%),linear-gradient(180deg,#fff 0%,#effbfc 100%)}.ocr-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding-top:66px}.ocr-kicker{display:inline-flex;align-items:center;gap:8px;color:#087f8b;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ocr-kicker::before{content:'';width:22px;height:3px;border-radius:99px;background:#ff5b46}.ocr-hero h1{max-width:680px;margin:22px 0 24px;font-size:clamp(48px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.ocr-hero h1 em{display:block;color:#078d99;font-style:normal}.ocr-hero-copy>p{max-width:630px;color:#637479;font-size:18px;line-height:1.85}.ocr-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.ocr-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin:27px 0 0;padding:0;color:#53686d;font-size:13px;list-style:none}.ocr-proof li{display:flex;align-items:center;gap:7px}.ocr-proof span{color:#078d99;font-weight:900}
.ocr-visual{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;gap:10px;min-height:470px;padding:34px;border:1px solid rgba(7,141,153,.15);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 36px 80px rgba(18,90,96,.14)}.scan-page,.ocr-text-result{position:relative;min-height:290px;padding:24px 18px;border:2px solid #46aeba;border-radius:14px;background:#fff;overflow:hidden}.scan-page>span,.ocr-text-result>span{display:inline-block;padding:5px 8px;border-radius:6px;color:#fff;background:#ff5b46;font-size:9px;font-weight:900}.scan-page i,.ocr-text-result i{display:block;width:100%;height:5px;margin-top:15px;border-radius:99px;background:#d8e2e3}.scan-page i:nth-of-type(2){width:74%}.scan-page i:nth-of-type(4){width:62%}.scan-noise{margin-top:20px;color:#b3bfc0;font-size:18px}.scan-page b{position:absolute;left:0;right:0;top:48%;height:2px;background:#0fb6c5;box-shadow:0 0 14px #0fb6c5}.scan-arrow{color:#078d99;font-size:12px;font-weight:900;text-align:center}.ocr-text-result{border-color:#8bd2d8;background:#f6feff}.ocr-text-result>span{background:#078d99}.ocr-text-result strong{display:block;margin:28px 0 12px;font-size:17px}.ocr-text-result p{color:#587076;font-size:12px;line-height:1.75}.ocr-text-result i{margin-top:18px}.ocr-text-result i:last-child{width:65%}
.ocr-section{padding-block:112px}.ocr-heading{max-width:790px;margin-bottom:54px}.ocr-heading h2,.ocr-start-card h2,.ocr-insufficient h2{margin:16px 0 14px;font-size:clamp(34px,4vw,50px);line-height:1.15;letter-spacing:-.04em}.ocr-heading>p,.ocr-insufficient>div>p{color:#65777b;font-size:16px;line-height:1.8}.ocr-heading.light h2{color:#fff}.ocr-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ocr-paths article{min-height:300px;padding:32px;border:1px solid #d8e9eb;border-radius:22px;background:#fff}.ocr-paths article>span{display:grid;place-items:center;width:58px;height:66px;border-radius:13px;color:#52666a;background:#edf5f6;font-size:11px;font-weight:900}.ocr-paths .ocr-path-active{border-color:#67c2ca;background:#f2fdfe}.ocr-path-active>span{color:#fff!important;background:#078d99!important}.ocr-paths h3{margin:58px 0 10px;font-size:21px}.ocr-paths p{color:#687a7e;font-size:13px;line-height:1.75}.ocr-paths b{display:block;margin-top:20px;color:#078d99;font-size:12px}
.ocr-how,.ocr-quality{padding-block:112px;color:#fff;background:#102d31}.ocr-steps,.ocr-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.ocr-steps li,.ocr-quality-grid article{min-height:240px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.055)}.ocr-steps li>span,.ocr-quality-grid b{color:#62d9e2;font-size:12px;font-weight:900}.ocr-steps h3,.ocr-quality-grid h3{margin:55px 0 12px;font-size:20px}.ocr-steps p,.ocr-quality-grid p{color:#afc5c8;font-size:13px;line-height:1.75}.ocr-output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ocr-output-grid article{min-height:230px;padding:26px;border:1px solid #d8e9eb;border-radius:20px;background:#fff}.ocr-output-grid article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#077e89;background:#e1f7f9;font-size:11px;font-weight:900}.ocr-output-grid h3{margin:28px 0 10px;font-size:18px}.ocr-output-grid p{color:#687a7e;font-size:13px;line-height:1.75}.ocr-quality{background:#15363a}.ocr-insufficient{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:70px}.ocr-warning{padding:30px;border:1px solid #efc98f;border-radius:20px;background:#fffaf0}.ocr-warning>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:#e58a21;font-weight:900}.ocr-warning strong{display:block;margin:24px 0 8px}.ocr-warning p{color:#7c6a50;font-size:13px;line-height:1.7}.ocr-faq details[open]{border-color:rgba(7,141,153,.35)}
.ocr-start{padding-bottom:112px}.ocr-start-card{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:60px;padding:62px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#10434a 0%,#078d99 64%,#ff7654 150%);box-shadow:0 28px 68px rgba(8,95,103,.22)}.ocr-start-card .ocr-kicker{color:#9aebf0}.ocr-start-card p{max-width:660px;color:rgba(255,255,255,.78);line-height:1.8}.ocr-start-card .related-link{color:#fff}.ocr-start-qr{display:grid;justify-items:center;gap:9px;padding:20px;border-radius:20px;color:#244348;background:#fff}.ocr-start-qr img{width:184px;height:184px;border-radius:10px}.ocr-start-qr strong{font-size:14px}.ocr-start-qr small{color:#71878a;font-size:11px}

.images-page{color:#261e2f;background:#fdfaff}.images-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.images-hero{min-height:800px;padding-bottom:104px;overflow:hidden;background:radial-gradient(circle at 87% 18%,rgba(116,74,200,.18),transparent 29%),radial-gradient(circle at 6% 80%,rgba(255,91,70,.07),transparent 25%),linear-gradient(180deg,#fff 0%,#f7f1ff 100%)}.images-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;padding-top:66px}.images-kicker{display:inline-flex;align-items:center;gap:8px;color:#7045bc;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.images-kicker::before{content:'';width:22px;height:3px;border-radius:99px;background:#ff5b46}.images-hero h1{max-width:680px;margin:22px 0 24px;font-size:clamp(48px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.images-hero h1 em{display:block;color:#7548c7;font-style:normal}.images-hero-copy>p{max-width:630px;color:#71677a;font-size:18px;line-height:1.85}.images-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.images-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin:27px 0 0;padding:0;color:#655b6e;font-size:13px;list-style:none}.images-proof li{display:flex;align-items:center;gap:7px}.images-proof span{color:#7548c7;font-weight:900}.images-visual{display:grid;grid-template-columns:1fr 55px .85fr;align-items:center;gap:12px;min-height:470px;padding:34px;border:1px solid rgba(117,72,199,.15);border-radius:34px;background:rgba(255,255,255,.9);box-shadow:0 36px 80px rgba(76,46,128,.14)}.photo-stack{display:grid;gap:12px}.photo-stack>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:90px;padding:14px;border:1px solid #e4dbf1;border-radius:14px;background:linear-gradient(145deg,#fff,#faf7ff);box-shadow:0 9px 22px rgba(74,48,118,.07)}.photo-stack>div:nth-child(2){transform:translateX(14px)}.photo-stack span{display:grid;place-items:center;width:40px;height:58px;border-radius:8px;color:#fff;background:#7548c7;font-size:10px;font-weight:900}.photo-stack>div:nth-child(2) span{background:#ff7558}.photo-stack b{font-size:12px}.images-arrow{color:#7548c7;font-size:25px;text-align:center}.images-pdf{display:flex;min-height:280px;padding:24px 18px;border:2px solid #7548c7;border-radius:14px;background:#fcfaff;flex-direction:column}.images-pdf>span{align-self:flex-start;padding:5px 8px;border-radius:6px;color:#fff;background:#7548c7;font-size:9px;font-weight:900}.images-pdf strong{margin-top:24px;font-size:14px}.images-pdf>div{display:flex;gap:6px;margin-top:25px}.images-pdf i{display:grid;place-items:center;width:30px;height:43px;border:1px solid #ddd2ee;border-radius:5px;background:#fff;font-size:9px;font-style:normal}.images-pdf small{margin-top:auto;color:#8b8094;font-size:10px}
.images-section{padding-block:112px}.images-heading{max-width:790px;margin-bottom:54px}.images-heading h2,.images-start-card h2,.images-order-grid h2,.images-boundary h2{margin:16px 0 14px;font-size:clamp(34px,4vw,50px);line-height:1.15;letter-spacing:-.04em}.images-heading>p,.images-order-grid p,.images-boundary p{color:#74697d;font-size:16px;line-height:1.8}.images-heading.light h2{color:#fff}.images-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none}.images-steps li{min-height:240px;padding:28px;border:1px solid #e3d9ef;border-radius:20px;background:#fff}.images-steps li>span{color:#7548c7;font-size:12px;font-weight:900}.images-steps h3{margin:55px 0 12px;font-size:20px}.images-steps p{color:#74697d;font-size:13px;line-height:1.75}.images-ordering,.images-size{padding-block:112px;color:#fff;background:#241937}.images-order-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}.images-order-grid p{color:#c3b7d2}.sort-demo{display:grid;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#302246}.sort-demo>div{display:grid;grid-template-columns:35px 45px 1fr;align-items:center;gap:12px;padding:15px;border-radius:12px;color:#332641;background:#fff}.sort-demo>div>span{color:#a395ad;letter-spacing:-3px}.sort-demo b{display:grid;place-items:center;width:42px;height:52px;border-radius:8px;color:#fff;background:#7548c7;font-size:10px}.sort-demo p{color:#574a61;font-size:12px}.sort-demo .sort-moving{border:1px solid #ff8a70;transform:translateX(15px);box-shadow:0 12px 26px rgba(255,117,88,.18)}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.images-grid article{min-height:230px;padding:26px;border:1px solid #e3d9ef;border-radius:20px;background:#fff}.images-grid article>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;color:#7045bc;background:#efe8fa;font-size:11px;font-weight:900}.images-grid h3{margin:28px 0 10px;font-size:18px}.images-grid p{color:#74697d;font-size:13px;line-height:1.75}.images-size{background:#2d2042}.size-demo{display:flex;align-items:flex-end;justify-content:center;gap:28px}.size-demo>div{display:grid;place-items:center;border:2px solid #a487d2;border-radius:10px;background:rgba(255,255,255,.08)}.size-demo span{font-size:11px}.portrait{width:120px;height:180px}.landscape{width:180px;height:120px}.square{width:135px;height:135px}.images-boundary{display:grid;grid-template-columns:1fr 330px;align-items:center;gap:70px}.images-boundary ul{display:grid;gap:12px;margin:0;padding:24px;border-radius:20px;background:#f4effb;list-style:none}.images-boundary li{padding:12px 14px;border-radius:10px;color:#654c87;background:#fff;font-size:13px}.images-faq details[open]{border-color:rgba(117,72,199,.35)}.images-start{padding-bottom:112px}.images-start-card{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:60px;padding:62px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#39235e 0%,#7548c7 64%,#ff7654 150%);box-shadow:0 28px 68px rgba(75,42,132,.22)}.images-start-card .images-kicker{color:#d9c7ff}.images-start-card p{max-width:660px;color:rgba(255,255,255,.78);line-height:1.8}.images-start-card .related-link{color:#fff}.images-start-qr{display:grid;justify-items:center;gap:9px;padding:20px;border-radius:20px;color:#3d3150;background:#fff}.images-start-qr img{width:184px;height:184px;border-radius:10px}.images-start-qr strong{font-size:14px}.images-start-qr small{color:#81748f;font-size:11px}

.printing-page{color:#2d241d;background:#fffdfa}.printing-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.printing-hero{min-height:800px;padding-bottom:104px;overflow:hidden;background:radial-gradient(circle at 86% 18%,rgba(239,141,40,.2),transparent 29%),radial-gradient(circle at 5% 80%,rgba(255,91,70,.08),transparent 25%),linear-gradient(180deg,#fff 0%,#fff5e8 100%)}.printing-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:64px;padding-top:66px}.printing-kicker{display:inline-flex;align-items:center;gap:8px;color:#b85c08;font-size:13px;font-weight:800;letter-spacing:.11em}.printing-kicker::before{content:'';width:22px;height:3px;border-radius:99px;background:#ff5b46}.printing-hero h1{max-width:690px;margin:22px 0 24px;font-size:clamp(48px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.printing-hero h1 em{display:block;color:#df720d;font-style:normal}.printing-copy>p{max-width:630px;color:#75685d;font-size:18px;line-height:1.85}.printing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.printing-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin:27px 0 0;padding:0;color:#6a5c51;font-size:13px;list-style:none}.printing-proof li{display:flex;align-items:center;gap:7px}.printing-proof span{color:#df720d;font-weight:900}.printing-visual{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:12px;min-height:470px;padding:32px;border:1px solid rgba(223,114,13,.16);border-radius:34px;background:rgba(255,255,255,.92);box-shadow:0 36px 80px rgba(117,68,22,.14)}.wide-exam{position:relative;display:flex;min-height:225px;padding:20px;border:2px solid #df720d;border-radius:12px;background:#fff;flex-direction:column}.wide-exam>b{font-size:12px}.wide-exam>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.wide-exam i,.a4-pages i{display:block;height:5px;margin:11px 0;border-radius:99px;background:#e7d9cc}.wide-exam>span{position:absolute;top:50px;bottom:20px;left:50%;width:2px;background:#ff9e45}.printing-arrow{color:#df720d;font-size:25px;text-align:center}.a4-pages{display:flex;gap:9px}.a4-pages>div{width:50%;min-height:245px;padding:16px 11px;border:1px solid #e7c49f;border-radius:9px;background:#fffaf4;box-shadow:0 10px 22px rgba(110,68,28,.08)}.a4-pages b{color:#b85c08;font-size:10px}.printing-section{padding-block:112px}.printing-heading{max-width:810px;margin-bottom:54px}.printing-heading h2,.settings-grid h2,.email-print h2,.printing-start-card h2{margin:16px 0 14px;font-size:clamp(34px,4vw,50px);line-height:1.15;letter-spacing:-.04em}.printing-heading>p,.settings-grid>div>p,.email-print>div>p{color:#786b60;font-size:16px;line-height:1.8}.printing-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.printing-routes article{display:flex;min-height:300px;padding:30px;border:1px solid #ead9c8;border-radius:22px;background:#fff;flex-direction:column}.printing-routes article>span{display:grid;place-items:center;width:58px;height:62px;border-radius:14px;color:#a24e00;background:#fff0dc;font-size:11px;font-weight:900}.printing-routes h3{margin:42px 0 10px;font-size:20px}.printing-routes p{color:#796b5f;font-size:13px;line-height:1.75}.printing-routes a,.printing-routes strong{margin-top:auto;padding-top:20px;color:#c35e05;font-size:12px;text-decoration:none}.printing-settings{padding-block:112px;color:#fff;background:#302319}.settings-grid{display:grid;grid-template-columns:1fr 440px;align-items:center;gap:80px}.settings-grid>div>p{color:#cdbbac}.settings-card{padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#423126}.settings-card>span{color:#f6a553;font-size:10px;font-weight:900;letter-spacing:.16em}.settings-card ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.settings-card li{display:flex;align-items:center;gap:13px;padding:13px;border-radius:11px;color:#443226;background:#fff;font-size:13px}.settings-card b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;background:#df720d;font-size:10px}.email-print{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:75px}.email-print ul{display:grid;gap:10px;margin:0;padding:22px;border-radius:20px;background:#fff3e4;list-style:none}.email-print li{padding:13px;border-radius:10px;color:#705643;background:#fff;font-size:13px}.email-print li b{color:#bd5d07}.printing-boundary{padding-block:112px;color:#fff;background:#4a2815}.printing-heading.light h2{color:#fff}.printing-heading.light>p{color:#d9c2b2}.printing-boundary .printing-kicker{color:#ffb96f}.boundary-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.boundary-tags span{padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);font-size:13px;text-align:center}.printing-faq details[open]{border-color:rgba(223,114,13,.4)}.printing-start{padding-bottom:112px}.printing-start-card{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:60px;padding:62px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#5a3217 0%,#df720d 64%,#ff6548 145%);box-shadow:0 28px 68px rgba(132,68,14,.24)}.printing-start-card .printing-kicker{color:#ffd29f}.printing-start-card p{max-width:660px;color:rgba(255,255,255,.8);line-height:1.8}.related-tools{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}.related-tools a{color:#fff;font-size:13px;font-weight:700;text-decoration:none}.printing-qr{display:grid;justify-items:center;gap:9px;padding:20px;border-radius:20px;color:#51341f;background:#fff}.printing-qr img{width:184px;height:184px;border-radius:10px}.printing-qr strong{font-size:14px}.printing-qr small{color:#8b725e;font-size:11px}

@media (max-width: 1024px) {
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 70px;
  }

  .hero-copy {
    max-width: 790px;
  }

  .hero-visual {
    width: min(620px, 90%);
    margin-inline: auto;
  }

  .scenario-grid,
  .platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-card:last-child {
    min-height: 360px;
    grid-column: 1 / -1;
  }

  .split-heading {
    gap: 40px;
  }

  .a3-hero-grid {
    grid-template-columns: 1fr;
  }

  .a3-hero-copy {
    max-width: 780px;
  }

  .a3-split-visual {
    width: min(620px, 92%);
    margin-inline: auto;
  }

  .print-guide-grid {
    grid-template-columns: 1fr 340px;
    gap: 50px;
  }
}

@media (max-width: 768px) {
  html { scroll-padding-top: 76px; }

  .section-shell,
  .hero-inner,
  .header-inner,
  .footer-inner,
  .a3-shell {
    width: min(100% - 32px, 680px);
  }

  .header-inner {
    height: 64px;
    gap: 12px;
  }

  .menu-toggle { display: flex; }

  .nav {
    position: absolute;
    top: 63px;
    right: 16px;
    left: 16px;
    margin: 0;
    padding: 12px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(23, 26, 35, 0.13);
  }

  .nav.open { display: flex; }

  .nav a {
    padding: 11px 12px;
    border-radius: 9px;
  }

  .nav a:hover { background: var(--surface-soft); }
  .nav a::after { display: none; }
  .header-btn { display: none; }

  .hero {
    padding: 116px 0 72px;
  }

  .hero h1 {
    font-size: clamp(40px, 12vw, 57px);
  }

  .hero-description {
    font-size: 16px;
  }

  .hero-proof {
    gap: 9px 14px;
  }

  .scenarios,
  .platforms,
  .how-it-works {
    padding-block: 82px;
  }

  .section-heading {
    margin-bottom: 38px;
  }

  .scenario-grid,
  .platform-grid,
  .steps,
  .split-heading {
    grid-template-columns: 1fr;
  }

  .scenario-card {
    min-height: 230px;
  }

  .scenario-card:last-child {
    min-height: 230px;
  }

  .platform-card,
  .platform-card:last-child {
    min-height: auto;
    grid-column: auto;
  }

  .platform-card > p {
    min-height: auto;
  }

  .platform-qr,
  .platform-status {
    margin-top: 26px;
  }

  .desktop-downloads {
    margin-top: 26px;
  }

  .desktop-download-grid {
    grid-template-columns: 1fr;
  }

  .desktop-download-link.windows {
    grid-column: auto;
  }

  .split-heading {
    gap: 14px;
  }

  .step {
    min-height: 190px;
  }

  .cta {
    padding-bottom: 82px;
  }

  .cta-card {
    padding: 42px 28px;
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .cta-qr {
    justify-self: center;
  }

  .footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .breadcrumb {
    padding-top: 86px;
  }

  .a3-hero-grid {
    padding-top: 38px;
    gap: 58px;
  }

  .a3-hero h1 {
    font-size: clamp(39px, 10vw, 52px);
  }

  .decision-grid,
  .a3-steps,
  .a3-feature-grid,
  .print-guide-grid,
  .a3-start-card {
    grid-template-columns: 1fr;
  }

  .decision-card {
    min-height: 390px;
  }

  .a3-steps li,
  .a3-feature-grid article {
    min-height: 210px;
  }

  .print-guide-grid {
    gap: 38px;
  }

  .printer-card {
    width: min(100%, 430px);
    justify-self: center;
  }

  .a3-start-card {
    padding: 42px 30px;
    gap: 35px;
  }

  .a3-start-qr {
    justify-self: center;
  }
}

@media (max-width: 480px) {
  .logo { font-size: 17px; }
  .logo-mark { width: 32px; height: 32px; flex-basis: 32px; }

  .hero-buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .btn { width: 100%; }

  .hero-visual {
    width: 100%;
  }

  .workspace-body {
    padding: 16px;
  }

  .workspace-topbar strong {
    margin-right: 0;
  }

  .floating-note {
    display: none;
  }

  .action-grid {
    gap: 7px;
  }

  .action-chip {
    padding: 9px;
  }

  .action-chip strong { font-size: 10px; }
  .action-chip small { font-size: 8px; }

  .section-heading h2 {
    font-size: 31px;
  }

  .scenario-card {
    min-height: 0;
  }


  .scenario-card:last-child {
    min-height: 0;
  }

  .cta-card {
    padding: 36px 20px;
  }

  .cta-qr {
    width: 196px;
  }

  .cta-qr img {
    width: 164px;
    height: 164px;
  }

  .copyright {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .a3-hero {
    padding-bottom: 72px;
  }

  .a3-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .a3-split-visual {
    width: 100%;
    padding: 16px;
  }

  .a3-paper {
    min-height: 165px;
    padding: 15px;
    gap: 11px;
  }

  .paper-column small { display: none; }

  .a4-result {
    min-height: 125px;
    padding: 12px;
  }

  .a3-section,
  .a3-how {
    padding-block: 78px;
  }

  .decision-card {
    min-height: 0;
    padding: 25px;
  }

  .scale-demo,
  .halve-demo {
    min-height: 150px;
    gap: 16px;
  }

  .scale-demo > div:first-child,
  .halve-demo > div:first-child {
    width: 105px;
    height: 75px;
  }

  .halve-pair b {
    width: 43px;
    height: 66px;
  }

  .a3-start-card {
    padding: 36px 20px;
  }

  .faq-list summary {
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .merge-hero-grid { grid-template-columns: 1fr; }
  .merge-hero-copy { max-width: 760px; }
  .merge-flow-visual { width: min(100%, 680px); justify-self: center; }
  .ordering-grid { gap: 44px; }
  .use-case-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .merge-shell { width: min(100% - 36px, 1180px); }
  .merge-hero { min-height: 0; padding-bottom: 80px; }
  .merge-hero-grid { padding-top: 38px; gap: 50px; }
  .merge-hero h1 { font-size: clamp(39px, 10vw, 52px); }
  .merge-flow-visual { grid-template-columns: 1fr; min-height: 0; padding: 24px; }
  .merge-flow-arrow { grid-template-columns: auto auto; }
  .merge-flow-arrow span { transform: rotate(90deg); }
  .merge-flow-arrow small { writing-mode: horizontal-tb; }
  .merged-document { width: min(100%, 330px); min-height: 230px; justify-self: center; }
  .merge-section, .merge-ordering, .merge-use-cases { padding-block: 82px; }
  .merge-steps, .ordering-grid, .merge-capability-grid, .merge-start-card { grid-template-columns: 1fr; }
  .merge-steps li { min-height: 210px; }
  .ordering-grid { gap: 38px; }
  .merge-capability-grid { grid-template-columns: repeat(2, 1fr); }
  .merge-start-card { padding: 42px 30px; }
  .merge-start-qr { justify-self: center; }
}

@media (max-width: 480px) {
  .merge-hero-actions { align-items: stretch; flex-direction: column; }
  .merge-flow-visual { padding: 18px; border-radius: 24px; }
  .source-file { grid-template-columns: 22px 36px 1fr; min-height: 76px; padding: 11px; }
  .source-file:nth-child(2) { transform: none; }
  .merge-section-heading { margin-bottom: 38px; }
  .merge-steps li { min-height: 0; }
  .merge-steps h3 { margin-top: 34px; }
  .merge-capability-grid, .use-case-grid { grid-template-columns: 1fr; }
  .merge-capability-grid article, .use-case-grid article { min-height: 0; }
  .use-case-grid h3 { margin-top: 42px; }
  .ordering-demo { padding: 14px; }
  .ordering-row { padding: 14px; overflow: hidden; }
  .ordering-row > div { gap: 5px; }
  .ordering-row > div span { padding: 9px 7px; font-size: 9px; }
  .ordering-row.pages > div span { width: 36px; height: 50px; }
  .merge-start-card { padding: 36px 20px; }
}

@media (max-width: 1024px) {
  .document-hero-grid { grid-template-columns: 1fr; }
  .document-hero-copy { max-width: 760px; }
  .document-flow { width: min(100%, 680px); justify-self: center; }
  .document-scenario-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .document-shell { width: min(100% - 36px, 1180px); }
  .document-hero { min-height: 0; padding-bottom: 80px; }
  .document-hero-grid { padding-top: 38px; gap: 50px; }
  .document-hero h1 { font-size: clamp(39px, 10vw, 52px); }
  .document-flow { grid-template-columns: 1fr; min-height: 0; padding: 24px; }
  .document-source { width: min(100%, 300px); min-height: 230px; justify-self: center; }
  .document-flow-lines { grid-template-columns: repeat(3, 1fr); gap: 30px; width: 70%; justify-self: center; }
  .document-flow-lines span { transform: rotate(90deg); }
  .document-results { width: min(100%, 400px); justify-self: center; }
  .document-section, .document-how, .quality-section { padding-block: 82px; }
  .format-choice-grid, .document-steps, .document-output-grid, .quality-grid, .document-start-card { grid-template-columns: 1fr; }
  .format-choice-grid article { min-height: 0; }
  .document-steps li { min-height: 205px; }
  .document-output-grid { grid-template-columns: repeat(2, 1fr); }
  .quality-grid article { min-height: 235px; }
  .quality-grid h3 { margin-top: 42px; }
  .document-start-card { padding: 42px 30px; }
  .document-start-qr { justify-self: center; }
}

@media (max-width: 480px) {
  .document-hero-actions { align-items: stretch; flex-direction: column; }
  .document-flow { padding: 18px; border-radius: 24px; }
  .document-section-heading { margin-bottom: 38px; }
  .format-choice-grid article { padding: 24px; }
  .word-preview { grid-template-columns: 62px 1fr; padding: 18px; }
  .word-preview > b { width: 58px; height: 80px; }
  .markdown-preview { padding: 18px; }
  .document-steps li { min-height: 0; }
  .document-steps h3 { margin-top: 34px; }
  .document-output-grid, .document-scenario-grid { grid-template-columns: 1fr; }
  .document-output-grid article, .document-scenario-grid article { min-height: 0; }
  .document-scenario-grid h3 { margin-top: 40px; }
  .document-start-card { padding: 36px 20px; }
}

@media (max-width:1024px) { .translation-hero-grid { grid-template-columns:1fr; } .translation-hero-copy { max-width:760px; } .translation-visual { width:min(100%,680px); justify-self:center; } }
@media (max-width:768px) {
  .translation-shell { width:min(100% - 36px,1180px); }
  .translation-hero { min-height:0; padding-bottom:80px; } .translation-hero-grid { padding-top:38px; gap:50px; } .translation-hero h1 { font-size:clamp(39px,10vw,52px); }
  .translation-section,.translation-views,.translation-capabilities { padding-block:82px; }
  .direction-grid,.view-grid,.translation-steps,.translation-capability-grid,.translation-quality,.translation-start-card { grid-template-columns:1fr; }
  .mixed-language-note { grid-template-columns:1fr; gap:8px; }
  .view-grid article,.translation-steps li,.translation-capability-grid article,.translation-quality article { min-height:200px; }
  .translation-start-card { padding:42px 30px; } .translation-start-qr { justify-self:center; }
}
@media (max-width:480px) {
  .translation-hero-actions { align-items:stretch; flex-direction:column; } .translation-visual { padding:22px; border-radius:24px; }
  .translation-section-heading { margin-bottom:38px; } .direction-grid article { grid-template-columns:54px 1fr; padding:20px; } .direction-grid article>span { width:50px; height:62px; } .direction-grid article>b { grid-column:2; }
  .view-grid article,.translation-steps li,.translation-capability-grid article,.translation-quality article { min-height:0; } .view-grid h3,.translation-steps h3 { margin-top:36px; }
  .translation-start-card { padding:36px 20px; }
}

@media(max-width:1024px){.ocr-hero-grid{grid-template-columns:1fr}.ocr-hero-copy{max-width:760px}.ocr-visual{width:min(100%,680px);justify-self:center}.ocr-insufficient{gap:40px}}
@media(max-width:768px){.ocr-shell{width:min(100% - 36px,1180px)}.ocr-hero{min-height:0;padding-bottom:80px}.ocr-hero-grid{padding-top:38px;gap:50px}.ocr-hero h1{font-size:clamp(39px,10vw,52px)}.ocr-visual{grid-template-columns:1fr;padding:24px}.scan-page,.ocr-text-result{width:min(100%,320px);min-height:230px;justify-self:center}.scan-arrow{transform:rotate(90deg)}.ocr-section,.ocr-how,.ocr-quality{padding-block:82px}.ocr-paths,.ocr-steps,.ocr-output-grid,.ocr-quality-grid,.ocr-insufficient,.ocr-start-card{grid-template-columns:1fr}.ocr-output-grid{grid-template-columns:repeat(2,1fr)}.ocr-steps li,.ocr-quality-grid article{min-height:200px}.ocr-insufficient{gap:35px}.ocr-warning{width:min(100%,430px);justify-self:center}.ocr-start-card{padding:42px 30px}.ocr-start-qr{justify-self:center}}
@media(max-width:480px){.ocr-hero-actions{align-items:stretch;flex-direction:column}.ocr-visual{padding:18px;border-radius:24px}.ocr-heading{margin-bottom:38px}.ocr-paths article{min-height:0;padding:24px}.ocr-paths h3{margin-top:40px}.ocr-steps li,.ocr-output-grid article,.ocr-quality-grid article{min-height:0}.ocr-steps h3,.ocr-quality-grid h3{margin-top:36px}.ocr-output-grid{grid-template-columns:1fr}.ocr-start-card{padding:36px 20px}}

@media(max-width:1024px){.images-hero-grid{grid-template-columns:1fr}.images-hero-copy{max-width:760px}.images-visual{width:min(100%,680px);justify-self:center}.images-order-grid{gap:45px}}
@media(max-width:768px){.images-shell{width:min(100% - 36px,1180px)}.images-hero{min-height:0;padding-bottom:80px}.images-hero-grid{padding-top:38px;gap:50px}.images-hero h1{font-size:clamp(39px,10vw,52px)}.images-visual{grid-template-columns:1fr;padding:24px}.images-arrow{transform:rotate(90deg)}.images-pdf{width:min(100%,300px);min-height:230px;justify-self:center}.images-section,.images-ordering,.images-size{padding-block:82px}.images-steps,.images-order-grid,.images-grid,.images-boundary,.images-start-card{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(2,1fr)}.images-order-grid,.images-boundary{gap:38px}.images-start-card{padding:42px 30px}.images-start-qr{justify-self:center}}
@media(max-width:480px){.images-actions{align-items:stretch;flex-direction:column}.images-visual{padding:18px;border-radius:24px}.photo-stack>div:nth-child(2){transform:none}.images-heading{margin-bottom:38px}.images-steps li,.images-grid article{min-height:0}.images-steps h3{margin-top:36px}.images-grid{grid-template-columns:1fr}.sort-demo{padding:14px}.sort-demo .sort-moving{transform:translateX(6px)}.size-demo{gap:12px}.portrait{width:75px;height:120px}.landscape{width:120px;height:80px}.square{width:90px;height:90px}.images-start-card{padding:36px 20px}}

@media(max-width:1024px){.printing-hero-grid{grid-template-columns:1fr}.printing-copy{max-width:760px}.printing-visual{width:min(100%,680px);justify-self:center}.settings-grid{gap:48px}.email-print{gap:45px}}
@media(max-width:768px){.printing-shell{width:min(100% - 36px,1180px)}.printing-hero{min-height:0;padding-bottom:80px}.printing-hero-grid{padding-top:38px;gap:50px}.printing-hero h1{font-size:clamp(39px,10vw,52px)}.printing-visual{grid-template-columns:1fr;padding:24px}.printing-arrow{transform:rotate(90deg)}.wide-exam{width:min(100%,360px);justify-self:center}.a4-pages{width:min(100%,360px);justify-self:center}.printing-section,.printing-settings,.printing-boundary{padding-block:82px}.printing-routes,.settings-grid,.email-print,.printing-start-card{grid-template-columns:1fr}.printing-routes{grid-template-columns:repeat(2,1fr)}.settings-grid,.email-print{gap:38px}.boundary-tags{grid-template-columns:repeat(2,1fr)}.printing-start-card{padding:42px 30px}.printing-qr{justify-self:center}}
@media(max-width:480px){.printing-actions{align-items:stretch;flex-direction:column}.printing-visual{padding:18px;border-radius:24px}.printing-heading{margin-bottom:38px}.printing-routes{grid-template-columns:1fr}.printing-routes article{min-height:0;padding:24px}.printing-routes h3{margin-top:35px}.settings-card{padding:18px}.boundary-tags{grid-template-columns:1fr}.printing-start-card{padding:36px 20px}.related-tools{flex-direction:column;gap:10px}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}