/* Centrum Zwrotów Allegro — public landing page */

.cza-page .public-main {
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: clip;
}

.cza {
  --cza-bg: #f5f9fd;
  --cza-surface: #ffffff;
  --cza-surface-soft: #edf5fc;
  --cza-surface-strong: #dcecf9;
  --cza-text: #061b35;
  --cza-muted: #5d7087;
  --cza-line: #d6e4f0;
  --cza-blue: #0876e8;
  --cza-blue-dark: #0457b5;
  --cza-cyan: #13bcec;
  --cza-green: #00a879;
  --cza-orange: #f17c36;
  --cza-red: #e45867;
  --cza-navy: #061b35;
  --cza-navy-soft: #0b2746;
  --cza-shadow-sm: 0 12px 32px rgba(3, 35, 69, 0.09);
  --cza-shadow: 0 24px 70px rgba(3, 35, 69, 0.15);
  --cza-radius-sm: 16px;
  --cza-radius: 26px;
  --cza-radius-lg: 34px;
  --cza-header-offset: 76px;
  --cza-nav-height: 54px;
  position: relative;
  isolation: isolate;
  color: var(--cza-text);
  background: var(--cza-bg);
  font-family: Lato, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}

html[data-lp-theme="dark"] .cza {
  --cza-bg: #050d19;
  --cza-surface: #0b1727;
  --cza-surface-soft: #0e2035;
  --cza-surface-strong: #142c47;
  --cza-text: #eff7ff;
  --cza-muted: #a8b9ca;
  --cza-line: #213b55;
  --cza-blue: #55a9ff;
  --cza-blue-dark: #8bcaff;
  --cza-cyan: #48d0f5;
  --cza-green: #37d3a3;
  --cza-orange: #ff9b60;
  --cza-red: #ff7f8d;
  --cza-navy: #eff7ff;
  --cza-navy-soft: #dceeff;
  --cza-shadow-sm: 0 14px 34px rgba(0, 0, 0, 0.28);
  --cza-shadow: 0 28px 72px rgba(0, 0, 0, 0.4);
}

.cza,
.cza *,
.cza *::before,
.cza *::after,
.cza-lightbox,
.cza-lightbox *,
.cza-lightbox *::before,
.cza-lightbox *::after {
  box-sizing: border-box;
}

.cza :where(h1, h2, h3, p, ul, ol, figure) {
  margin-top: 0;
}

.cza :where(h1, h2, h3) {
  color: inherit;
  font-family: Ubuntu, Lato, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.cza h1 {
  max-width: 720px;
  margin-bottom: 24px;
  font-size: clamp(3rem, 5.7vw, 5rem);
}

.cza h2 {
  margin-bottom: 20px;
  font-size: clamp(2rem, 4vw, 3.55rem);
}

.cza h3 {
  margin-bottom: 10px;
  font-size: clamp(1.13rem, 1.65vw, 1.45rem);
}

.cza p {
  margin-bottom: 0;
}

.cza a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

.cza img,
.cza svg,
.cza-lightbox svg {
  display: block;
  max-width: 100%;
}

.cza svg,
.cza-lightbox svg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.cza button,
.cza summary,
.cza a,
.cza-lightbox button {
  -webkit-tap-highlight-color: transparent;
}

.cza button,
.cza-lightbox button {
  font: inherit;
}

.cza :where(a, button, summary):focus-visible,
.cza-lightbox button:focus-visible {
  outline: 3px solid var(--cza-cyan);
  outline-offset: 4px;
}

.cza-container {
  width: min(calc(100% - 40px), 1240px);
  margin-inline: auto;
}

.cza-section {
  position: relative;
  padding: clamp(84px, 10vw, 144px) 0;
}

.cza-heading {
  max-width: 790px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

.cza-heading p {
  max-width: 680px;
  color: var(--cza-muted);
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  line-height: 1.7;
}

.cza-heading--center {
  margin-inline: auto;
  text-align: center;
}

.cza-heading--center p {
  margin-inline: auto;
}

.cza :where(#jak-dziala, #panel, #pracownicy, #automatyzacja, #decyzje, #skanowanie, #dokumenty, #faq) {
  scroll-margin-top: calc(var(--cza-header-offset) + var(--cza-nav-height) + 20px);
}

/* Shared buttons and links */

.cza-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 32px;
}

.cza-actions--center {
  justify-content: center;
}

.cza-button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 13px;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.cza-button svg {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

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

.cza-button:hover svg {
  transform: translateX(3px);
}

.cza-button--primary {
  color: #ffffff;
  background: linear-gradient(135deg, #0876e8, #0063d2);
  box-shadow: 0 15px 30px rgba(0, 105, 220, 0.24);
}

.cza a.cza-button--primary,
.cza a.cza-button--primary:hover {
  color: #ffffff;
}

.cza-button--primary:hover {
  box-shadow: 0 20px 38px rgba(0, 105, 220, 0.32);
}

.cza-button--ghost {
  color: var(--cza-blue-dark);
  border-color: color-mix(in srgb, var(--cza-blue) 20%, var(--cza-line));
  background: color-mix(in srgb, var(--cza-surface) 88%, transparent);
  box-shadow: 0 8px 22px rgba(4, 55, 105, 0.04);
}

.cza-button--ghost:hover {
  border-color: color-mix(in srgb, var(--cza-blue) 48%, var(--cza-line));
  background: var(--cza-surface);
}

.cza a.cza-button--ghost,
.cza a.cza-button--ghost:hover {
  color: var(--cza-blue-dark);
}

.cza-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 25px;
  color: var(--cza-blue-dark);
  font-weight: 800;
  text-decoration: none;
}

.cza-text-link svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  transition: transform 160ms ease;
}

.cza-text-link:hover svg {
  transform: translateX(4px);
}

/* Hero */

.cza-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: min(860px, calc(100vh - 72px));
  align-items: center;
  overflow: hidden;
  padding: clamp(100px, 10vw, 150px) 0 clamp(70px, 8vw, 108px);
  background: var(--lpn-bg);
}

.cza-hero::after {
  content: "";
  position: absolute;
  right: -12%;
  bottom: -42%;
  z-index: 0;
  width: min(760px, 58vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--cza-cyan) 13%, transparent), transparent 68%);
  pointer-events: none;
}

.cza-hero__layout {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(500px, 1.02fr);
  align-items: center;
  gap: clamp(42px, 4.5vw, 68px);
}

.cza-hero__copy {
  position: relative;
  z-index: 3;
}

.cza ul.cza-proof,
.cza ul.cza-checklist,
.cza ol.cza-number-list {
  padding-left: 0;
  list-style: none;
}

.cza .cza-proof li + li,
.cza .cza-checklist li + li,
.cza .cza-number-list li + li {
  margin-top: 0;
}

.cza-hero__lead {
  max-width: 640px;
  color: var(--cza-muted);
  font-size: clamp(1.08rem, 1.55vw, 1.25rem);
  line-height: 1.72;
}

.cza-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 22px;
  margin: 28px 0 0;
  padding: 0;
  color: var(--cza-muted);
  font-size: 0.9rem;
  list-style: none;
}

.cza-proof li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.cza-proof svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--cza-green);
  stroke-width: 2.3;
}

.cza-hero__visual {
  position: relative;
  isolation: isolate;
  width: 122%;
  min-width: 0;
  margin-left: -9%;
}

.cza-hero__glow {
  position: absolute;
  inset: -10% -8%;
  z-index: -1;
  border-radius: 34%;
  background:
    radial-gradient(circle at 76% 24%, rgba(19, 173, 228, .34), transparent 38%),
    radial-gradient(circle at 22% 72%, rgba(7, 94, 232, .25), transparent 42%);
  filter: blur(36px);
  opacity: .62;
  pointer-events: none;
}

html[data-lp-theme="light"] .cza-hero__glow {
  opacity: 0;
}

html[data-lp-theme="dark"] .cza-hero__glow {
  opacity: .82;
}

.cza-hero__art {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 22px 24px rgba(7, 55, 125, .13))
    drop-shadow(0 8px 10px rgba(7, 55, 125, .08));
}

html[data-lp-theme="dark"] .cza-hero__art {
  filter:
    drop-shadow(0 24px 28px rgba(0, 0, 0, .34))
    drop-shadow(0 8px 12px rgba(0, 0, 0, .2));
}

.cza-product-shot {
  position: relative;
  z-index: 2;
  margin: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--cza-blue) 22%, var(--cza-line));
  border-radius: var(--cza-radius);
  background: var(--cza-surface);
  box-shadow: var(--cza-shadow);
}

.cza-product-shot__bar {
  display: grid;
  grid-template-columns: repeat(3, 8px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 47px;
  padding: 0 15px;
  border-bottom: 1px solid var(--cza-line);
  color: var(--cza-muted);
  background: color-mix(in srgb, var(--cza-surface-soft) 74%, var(--cza-surface));
  font-size: 0.72rem;
}

.cza-product-shot__bar > span,
.cza-dashboard-shot__chrome > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--cza-muted) 35%, transparent);
}

.cza-product-shot__bar > span:first-child,
.cza-dashboard-shot__chrome > span:first-child { background: #f17c75; }
.cza-product-shot__bar > span:nth-child(2),
.cza-dashboard-shot__chrome > span:nth-child(2) { background: #f0c34e; }
.cza-product-shot__bar > span:nth-child(3),
.cza-dashboard-shot__chrome > span:nth-child(3) { background: #38c28d; }

.cza-product-shot__bar strong {
  overflow: hidden;
  padding-left: 6px;
  color: var(--cza-text);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cza-product-shot__bar em {
  position: relative;
  padding-left: 12px;
  color: var(--cza-green);
  font-style: normal;
  font-weight: 800;
}

.cza-product-shot__bar em::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);
  transform: translateY(-50%);
  animation: cza-live-status 2.4s ease-in-out infinite;
}

.cza-product-shot__trigger,
.cza-dashboard-shot > button,
.cza-modal-shot button,
.cza-decision-card__shot button,
.cza-document-shot button {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: zoom-in;
}

.cza-product-shot__trigger img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center top;
}

.cza .cza-theme-shot {
  filter: none !important;
  transition: opacity 520ms cubic-bezier(0.2, 0.72, 0.24, 1), transform 720ms cubic-bezier(0.2, 0.72, 0.24, 1);
}

.cza .cza-theme-shot--light {
  opacity: 1;
  transform: scale(1);
}

.cza .cza-theme-shot--dark {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.012);
}

html[data-lp-theme="dark"] .cza .cza-theme-shot--light {
  opacity: 0;
  transform: scale(0.988);
}

html[data-lp-theme="dark"] .cza .cza-theme-shot--dark {
  opacity: 1;
  transform: scale(1);
}

.cza-shot-scan,
.cza-shot-sheen {
  position: absolute;
  z-index: 2;
  display: block;
  pointer-events: none;
}

.cza-shot-scan {
  top: -28%;
  right: 0;
  left: 0;
  height: 22%;
  opacity: 0;
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--cza-cyan) 15%, transparent), transparent);
  animation: cza-shot-scan 7.2s cubic-bezier(0.45, 0, 0.2, 1) 1.2s infinite;
}

.cza-shot-scan--wide {
  height: 18%;
  animation-duration: 8.4s;
  animation-delay: 2s;
}

.cza-shot-sheen {
  top: -35%;
  bottom: -35%;
  left: -38%;
  width: 16%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.27), transparent);
  transform: skewX(-16deg);
  animation: cza-shot-sheen 8.2s ease-in-out 1.8s infinite;
}

@keyframes cza-live-status {
  0%, 100% { box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 14%, transparent); }
  50% { box-shadow: 0 0 0 8px color-mix(in srgb, currentColor 2%, transparent); }
}

@keyframes cza-shot-scan {
  0%, 18% { opacity: 0; transform: translateY(0); }
  24% { opacity: 0.72; }
  54% { opacity: 0.34; }
  64%, 100% { opacity: 0; transform: translateY(610%); }
}

@keyframes cza-shot-sheen {
  0%, 62% { left: -38%; opacity: 0; }
  66% { opacity: 0.72; }
  78% { left: 122%; opacity: 0; }
  100% { left: 122%; opacity: 0; }
}

.cza-product-shot__caption {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 17px;
  color: var(--cza-muted);
  border-top: 1px solid var(--cza-line);
  font-size: 0.76rem;
}

.cza-product-shot__caption span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cza-blue-dark);
  font-weight: 800;
}

.cza-product-shot__caption i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cza-blue);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--cza-blue) 13%, transparent);
  animation: cza-live-status 2.8s ease-in-out infinite;
}

/* In-page navigation */

.cza-section-nav {
  position: sticky;
  top: var(--cza-header-offset);
  z-index: 510;
  border-bottom: 1px solid var(--cza-line);
  background: color-mix(in srgb, var(--cza-bg) 92%, transparent);
  box-shadow: 0 6px 24px rgba(4, 33, 63, 0.05);
  backdrop-filter: blur(16px);
}

.cza-section-nav .cza-container {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

.cza-section-nav .cza-container::-webkit-scrollbar { display: none; }

.cza-section-nav a {
  flex: 0 0 auto;
  padding: 16px 17px;
  color: var(--cza-muted);
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: color 160ms ease, background-color 160ms ease;
}

.cza-section-nav a:hover,
.cza-section-nav a.is-active {
  color: var(--cza-blue);
  background: color-mix(in srgb, var(--cza-blue) 8%, transparent);
}

/* Process */

.cza-process {
  background: radial-gradient(circle at 8% 22%, color-mix(in srgb, var(--cza-cyan) 9%, transparent), transparent 27%), var(--cza-bg);
}

.cza-process__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.cza-process-card {
  position: relative;
  min-height: 330px;
  padding: 30px;
  border: 1px solid var(--cza-line);
  border-radius: var(--cza-radius);
  background: color-mix(in srgb, var(--cza-surface) 96%, transparent);
  box-shadow: var(--cza-shadow-sm);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.cza-process-card:hover {
  z-index: 2;
  border-color: color-mix(in srgb, var(--cza-blue) 40%, var(--cza-line));
  box-shadow: var(--cza-shadow);
  transform: translateY(-6px);
}

.cza-process-card--accent {
  background: linear-gradient(155deg, color-mix(in srgb, var(--cza-blue) 11%, var(--cza-surface)), var(--cza-surface) 58%);
}

.cza-process-card p {
  color: var(--cza-muted);
  font-size: 0.94rem;
}

/* Dashboard */

.cza-dashboard {
  background: var(--cza-surface-soft);
}

.cza-dashboard::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--cza-blue) 10%, transparent), transparent 32%);
  pointer-events: none;
}

.cza-dashboard__intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  align-items: end;
  gap: clamp(40px, 8vw, 108px);
}

.cza-dashboard__intro .cza-heading { margin-bottom: 0; }

.cza-checklist {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0 0 4px;
  list-style: none;
}

.cza-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: var(--cza-muted);
  font-weight: 700;
  line-height: 1.48;
}

.cza-checklist li > span {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  place-items: center;
  margin-top: 1px;
  border-radius: 50%;
  color: var(--cza-green);
  background: color-mix(in srgb, var(--cza-green) 12%, transparent);
}

.cza-checklist svg { width: 14px; height: 14px; stroke-width: 2.4; }

.cza-dashboard-shot {
  position: relative;
  margin: clamp(46px, 6vw, 74px) 0 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--cza-blue) 20%, var(--cza-line));
  border-radius: var(--cza-radius);
  background: var(--cza-surface);
  box-shadow: var(--cza-shadow);
}

.cza-dashboard-shot__chrome {
  display: grid;
  grid-template-columns: repeat(3, 8px) minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-height: 49px;
  padding: 0 16px;
  border-bottom: 1px solid var(--cza-line);
  color: var(--cza-muted);
  background: var(--cza-surface);
  font-size: 0.7rem;
}

.cza-dashboard-shot__chrome strong {
  justify-self: center;
  padding: 5px 14px;
  border: 1px solid var(--cza-line);
  border-radius: 999px;
  color: var(--cza-muted);
  background: var(--cza-surface-soft);
  font-weight: 700;
}

.cza-dashboard-shot__chrome em {
  font-style: normal;
  font-weight: 800;
}

.cza-dashboard-shot > button { position: relative; overflow: hidden; }

.cza-dashboard-shot > button img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center top;
  transition: transform 360ms ease;
}

.cza-dashboard-shot > button:hover img { transform: scale(1.012); }

.cza-dashboard-shot__expand {
  position: absolute;
  right: 18px;
  bottom: 18px;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 13px;
  color: #ffffff;
  background: rgba(4, 24, 47, 0.74);
  box-shadow: 0 10px 28px rgba(2, 18, 38, 0.25);
  backdrop-filter: blur(8px);
}

.cza-dashboard-shot__expand svg { width: 21px; height: 21px; }

/* Employee access */

.cza-team {
  overflow: hidden;
  background: var(--cza-bg);
}

.cza-team::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 82% 42%, color-mix(in srgb, var(--cza-cyan) 13%, transparent), transparent 34%),
    radial-gradient(circle at 8% 82%, color-mix(in srgb, var(--cza-blue) 7%, transparent), transparent 28%);
  pointer-events: none;
}

.cza-team__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(440px, 1.08fr);
  align-items: center;
  gap: clamp(50px, 8vw, 112px);
}

.cza-team__copy { position: relative; z-index: 2; }

.cza-team__benefits {
  display: grid;
  gap: 12px;
  margin: 0 0 20px;
}

.cza-team__benefits article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid var(--cza-line);
  border-radius: 17px;
  background: color-mix(in srgb, var(--cza-surface) 90%, transparent);
  box-shadow: var(--cza-shadow-sm);
}

.cza-team__benefits article > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  color: var(--cza-blue);
  background: color-mix(in srgb, var(--cza-blue) 10%, var(--cza-surface));
}

.cza-team__benefits svg { width: 23px; height: 23px; }
.cza-team__benefits h3 { margin: 1px 0 5px; font-size: 1rem; letter-spacing: -0.015em; }
.cza-team__benefits p { color: var(--cza-muted); font-size: 0.86rem; line-height: 1.55; }

.cza-team__commission {
  display: inline-grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  padding: 11px 16px 11px 12px;
  border: 1px solid color-mix(in srgb, var(--cza-cyan) 32%, var(--cza-line));
  border-radius: 15px;
  color: var(--cza-text);
  background: color-mix(in srgb, var(--cza-cyan) 8%, var(--cza-surface));
  box-shadow: 0 14px 34px color-mix(in srgb, var(--cza-blue) 10%, transparent);
}

.cza-team__commission > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--cza-blue), var(--cza-cyan));
}

.cza-team__commission svg { width: 21px; height: 21px; }
.cza-team__commission small { display: block; margin-bottom: 2px; color: var(--cza-muted); font-size: 0.72rem; font-weight: 700; }
.cza-team__commission strong { display: block; font-size: 0.9rem; }
.cza-team__copy > .cza-text-link { width: fit-content; }

.cza-team__visual {
  position: relative;
  z-index: 1;
  display: grid;
  min-width: 0;
  min-height: 570px;
  place-items: center;
}

.cza-team__halo {
  position: absolute;
  inset: 11% 0;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--cza-cyan) 22%, transparent), transparent 67%);
  filter: blur(18px);
}

.cza-team__visual img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(112%, 760px);
  max-width: none;
  height: auto;
  filter: drop-shadow(0 30px 38px color-mix(in srgb, var(--cza-blue) 18%, transparent));
  animation: cza-team-float 7s ease-in-out infinite;
}

html[data-lp-theme="dark"] .cza-team__visual img {
  filter: brightness(1.05) saturate(0.96) drop-shadow(0 30px 42px rgb(0 174 239 / 18%));
}

@keyframes cza-team-float {
  0%, 100% { transform: translateY(0) rotate(-0.6deg); }
  50% { transform: translateY(-10px) rotate(0.4deg); }
}

/* Automatic refusal */

.cza-automation {
  overflow: hidden;
  color: #eef7ff;
  background: #06172b;
}

.cza-automation::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 82% 24%, rgba(24, 155, 244, 0.2), transparent 34%),
    radial-gradient(circle at 8% 86%, rgba(20, 207, 170, 0.11), transparent 30%),
    linear-gradient(rgba(83, 161, 228, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(83, 161, 228, 0.04) 1px, transparent 1px);
  background-size: auto, auto, 48px 48px, 48px 48px;
  pointer-events: none;
}

.cza-automation__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.9fr);
  align-items: center;
  gap: clamp(52px, 7vw, 104px);
}

.cza-automation .cza-heading p,
.cza-automation .cza-timeline p {
  color: #a9bfd3;
}

.cza-timeline {
  display: grid;
  gap: 0;
}

.cza-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 16px;
  padding-bottom: 25px;
}

.cza-timeline article:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 38px;
  bottom: 0;
  left: 18px;
  width: 1px;
  background: linear-gradient(#2c91dc, rgba(44, 145, 220, 0.15));
}

.cza-timeline article > span {
  position: relative;
  z-index: 1;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(107, 187, 251, 0.4);
  border-radius: 12px;
  color: #8bcaff;
  background: rgba(23, 91, 146, 0.35);
  font-size: 0.82rem;
  font-weight: 900;
}

.cza-timeline h3 { margin: 1px 0 4px; font-size: 1rem; letter-spacing: -0.015em; }
.cza-timeline p { max-width: 600px; font-size: 0.88rem; line-height: 1.55; }

.cza.is-enhanced .cza-automation__copy.is-visible .cza-timeline article {
  animation: cza-timeline-enter 620ms cubic-bezier(0.2, 0.72, 0.24, 1) both;
}

.cza.is-enhanced .cza-automation__copy.is-visible .cza-timeline article:nth-child(2) { animation-delay: 120ms; }
.cza.is-enhanced .cza-automation__copy.is-visible .cza-timeline article:nth-child(3) { animation-delay: 240ms; }

@keyframes cza-timeline-enter {
  from { opacity: 0; transform: translateX(-18px); }
  to { opacity: 1; transform: translateX(0); }
}

.cza-automation__note {
  display: inline-flex;
  margin-top: 5px;
  padding: 10px 14px;
  border: 1px solid rgba(103, 181, 243, 0.25);
  border-radius: 11px;
  color: #bcd8ee;
  background: rgba(69, 137, 193, 0.1);
  font-size: 0.82rem;
  font-weight: 700;
}

.cza-automation__visual {
  position: relative;
  min-height: 610px;
  display: grid;
  place-items: center;
}

.cza-orbit {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.cza-orbit > span {
  position: absolute;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(77, 176, 245, 0.14);
  border-radius: 50%;
}

.cza-orbit > span:nth-child(2) {
  width: 390px;
  height: 390px;
  border-style: dashed;
  animation: cza-orbit-spin 28s linear infinite;
}

.cza-orbit > i {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34, 158, 242, 0.2), transparent 68%);
  filter: blur(12px);
}

@keyframes cza-orbit-spin { to { transform: rotate(360deg); } }

.cza-modal-shot {
  position: relative;
  z-index: 2;
  width: min(82%, 380px);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(157, 210, 250, 0.28);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.42);
  transform: rotate(2.5deg);
}

.cza-modal-shot--automation { width: min(100%, 660px); transform: none; }
.cza-modal-shot img { display: block; width: 100%; height: auto; }

.cza-automation-options {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: clamp(40px, 6vw, 78px);
}

.cza-automation-options article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 13px;
  padding: 20px;
  border: 1px solid rgba(119, 184, 237, 0.17);
  border-radius: 18px;
  background: rgba(15, 48, 78, 0.62);
  backdrop-filter: blur(12px);
}

.cza-automation-options article > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  color: #69b8fa;
  background: rgba(65, 151, 221, 0.12);
}

.cza-automation-options svg { width: 22px; height: 22px; }
.cza-automation-options h3 { margin: 2px 0 7px; font-size: 0.98rem; letter-spacing: -0.015em; }
.cza-automation-options p { color: #9fb7cb; font-size: 0.78rem; line-height: 1.5; }

.cza-automation__setup {
  position: relative;
  margin-top: 26px;
  color: #9fb7cb;
  font-size: 0.86rem;
  text-align: center;
}

.cza-automation__setup a {
  color: #8bcaff;
  font-weight: 800;
}

@media screen {
  html[data-lp-theme="light"] .cza-automation {
    color: var(--cza-text);
    background: var(--cza-surface-soft);
  }

  html[data-lp-theme="light"] .cza-automation::before {
    background:
      radial-gradient(circle at 82% 24%, color-mix(in srgb, var(--cza-blue) 11%, transparent), transparent 34%),
      radial-gradient(circle at 8% 86%, color-mix(in srgb, var(--cza-green) 7%, transparent), transparent 30%),
      linear-gradient(color-mix(in srgb, var(--cza-blue) 5%, transparent) 1px, transparent 1px),
      linear-gradient(90deg, color-mix(in srgb, var(--cza-blue) 5%, transparent) 1px, transparent 1px);
    background-size: auto, auto, 48px 48px, 48px 48px;
  }

  html[data-lp-theme="light"] .cza-automation .cza-heading p,
  html[data-lp-theme="light"] .cza-automation .cza-timeline p,
  html[data-lp-theme="light"] .cza-automation-options p,
  html[data-lp-theme="light"] .cza-automation__setup {
    color: var(--cza-muted);
  }

  html[data-lp-theme="light"] .cza-timeline article:not(:last-child)::after {
    background: linear-gradient(
      var(--cza-blue),
      color-mix(in srgb, var(--cza-blue) 16%, transparent)
    );
  }

  html[data-lp-theme="light"] .cza-timeline article > span {
    border-color: color-mix(in srgb, var(--cza-blue) 30%, var(--cza-line));
    color: var(--cza-blue-dark);
    background: color-mix(in srgb, var(--cza-blue) 10%, var(--cza-surface));
  }

  html[data-lp-theme="light"] .cza-automation__note {
    border-color: color-mix(in srgb, var(--cza-blue) 24%, var(--cza-line));
    color: var(--cza-muted);
    background: color-mix(in srgb, var(--cza-blue) 7%, var(--cza-surface));
  }

  html[data-lp-theme="light"] .cza-orbit > span {
    border-color: color-mix(in srgb, var(--cza-blue) 16%, transparent);
  }

  html[data-lp-theme="light"] .cza-orbit > i {
    background: radial-gradient(circle, color-mix(in srgb, var(--cza-blue) 15%, transparent), transparent 68%);
  }

  html[data-lp-theme="light"] .cza-modal-shot {
    border-color: color-mix(in srgb, var(--cza-blue) 22%, var(--cza-line));
    background: var(--cza-surface);
    box-shadow: var(--cza-shadow);
  }

  html[data-lp-theme="light"] .cza-automation-options article {
    border-color: var(--cza-line);
    background: color-mix(in srgb, var(--cza-surface) 92%, transparent);
    box-shadow: var(--cza-shadow-sm);
  }

  html[data-lp-theme="light"] .cza-automation-options article > span {
    color: var(--cza-blue-dark);
    background: color-mix(in srgb, var(--cza-blue) 10%, var(--cza-surface));
  }

  html[data-lp-theme="light"] .cza-automation__setup a {
    color: var(--cza-blue-dark);
  }
}

/* Financial decisions */

.cza-decisions {
  background: var(--cza-bg);
}

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

.cza-decision-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--cza-line);
  border-radius: var(--cza-radius);
  background: var(--cza-surface);
  box-shadow: var(--cza-shadow-sm);
}

.cza-decision-card__copy {
  padding: 27px 29px 24px;
}

.cza-decision-card__copy p { max-width: 620px; color: var(--cza-muted); font-size: 0.9rem; }

.cza-decision-card__shot {
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid var(--cza-line);
  background: color-mix(in srgb, var(--cza-surface-soft) 80%, #ffffff);
}

.cza-decision-card__shot button { height: 100%; }

.cza-decision-card__shot img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center top;
  transition: transform 280ms ease;
}

.cza-decision-card__shot button:hover img { transform: scale(1.012); }

/* Scanner */

.cza-scanner {
  background: var(--cza-surface-soft);
}

.cza-scanner__layout,
.cza-documents__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  align-items: center;
  gap: clamp(58px, 9vw, 126px);
}

.cza-scanner__visual {
  position: relative;
  min-width: 0;
  padding: 48px 22px 54px;
}

.cza-scanner__halo {
  position: absolute;
  inset: 2% -4%;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--cza-cyan) 22%, transparent), transparent 66%);
  filter: blur(20px);
}

.cza-scanner__visual figure {
  position: relative;
  z-index: 2;
  margin: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  transform: rotate(-2deg);
}

.cza-scanner__visual figure img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 24px rgb(10 67 130 / 16%));
}

.cza-scanner__beam {
  position: absolute;
  top: 9%;
  bottom: 9%;
  left: 13%;
  width: 2px;
  border-radius: 99px;
  background: linear-gradient(transparent, #08aaf0 20%, #08aaf0 80%, transparent);
  box-shadow: 0 0 12px rgba(8, 170, 240, 0.8);
  animation: cza-scan-beam 4.8s ease-in-out infinite;
}

@keyframes cza-scan-beam {
  0%, 12% { left: 13%; opacity: 0; }
  20% { opacity: 1; }
  63% { left: 86%; opacity: 1; }
  72%, 100% { left: 86%; opacity: 0; }
}

.cza-number-list {
  display: grid;
  gap: 17px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cza-number-list li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.cza-number-list li > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--cza-blue) 26%, var(--cza-line));
  border-radius: 11px;
  color: var(--cza-blue-dark);
  background: var(--cza-surface);
  font-size: 0.78rem;
  font-weight: 900;
}

.cza-number-list div { display: grid; gap: 2px; }
.cza-number-list strong { font-size: 0.92rem; }
.cza-number-list small { color: var(--cza-muted); font-size: 0.8rem; line-height: 1.45; }

/* Documents */

.cza-documents {
  overflow: hidden;
  background: var(--cza-bg);
}

.cza-documents::before {
  content: "";
  position: absolute;
  right: -15%;
  bottom: -20%;
  width: 760px;
  height: 760px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--cza-blue) 10%, transparent), transparent 67%);
  pointer-events: none;
}

.cza-documents__layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(390px, 0.7fr);
}

.cza-document-features {
  display: grid;
  gap: 13px;
}

.cza-document-features article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 15px;
  padding: 17px;
  border: 1px solid var(--cza-line);
  border-radius: 16px;
  background: color-mix(in srgb, var(--cza-surface) 82%, transparent);
}

.cza-document-features article > span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 14px;
  color: var(--cza-blue-dark);
  background: color-mix(in srgb, var(--cza-blue) 10%, var(--cza-surface-soft));
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.cza-document-features svg { width: 23px; height: 23px; }
.cza-document-features h3 { margin: 1px 0 4px; font-size: 0.98rem; letter-spacing: -0.015em; }
.cza-document-features p { color: var(--cza-muted); font-size: 0.8rem; line-height: 1.48; }

.cza-documents__visual {
  position: relative;
  min-height: 660px;
  display: grid;
  place-items: center;
}

.cza-document-stack {
  position: absolute;
  inset: 10% 6% 7%;
  transform: rotate(5deg);
}

.cza-document-stack span {
  position: absolute;
  inset: 0;
  border: 1px solid var(--cza-line);
  border-radius: 17px;
  background: var(--cza-surface-soft);
  box-shadow: var(--cza-shadow-sm);
}

.cza-document-stack span:nth-child(2) { transform: rotate(-9deg); }

.cza-document-shot {
  position: relative;
  z-index: 2;
  width: min(72%, 365px);
  max-height: 595px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--cza-line);
  border-radius: 17px;
  background: #ffffff;
  box-shadow: var(--cza-shadow);
  transform: rotate(-1.8deg);
}

.cza-document-shot img { width: 100%; height: auto; }

/* FAQ */

.cza-faq { background: var(--cza-surface-soft); }

.cza-faq__layout {
  display: grid;
  grid-template-columns: minmax(270px, 0.62fr) minmax(0, 1.38fr);
  align-items: start;
  gap: clamp(48px, 9vw, 126px);
}

.cza-faq__layout > .cza-heading:first-child { position: sticky; top: 104px; }

.cza-faq__list { display: grid; gap: 12px; }

.cza-faq details {
  overflow: hidden;
  border: 1px solid var(--cza-line);
  border-radius: 18px;
  background: var(--cza-surface);
  box-shadow: 0 6px 20px rgba(5, 40, 74, 0.04);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.cza-faq details[open] {
  border-color: color-mix(in srgb, var(--cza-blue) 32%, var(--cza-line));
  box-shadow: var(--cza-shadow-sm);
}

.cza-faq summary {
  position: relative;
  display: flex;
  min-height: 72px;
  align-items: center;
  padding: 20px 62px 20px 24px;
  color: var(--cza-text);
  cursor: pointer;
  font-weight: 800;
  line-height: 1.35;
  list-style: none;
}

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

.cza-faq summary::before,
.cza-faq summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 16px;
  height: 2px;
  border-radius: 3px;
  background: var(--cza-blue);
  transform: translateY(-50%);
  transition: transform 180ms ease;
}

.cza-faq summary::after { transform: translateY(-50%) rotate(90deg); }
.cza-faq details[open] summary::after { transform: translateY(-50%) rotate(0deg); }

.cza-faq__answer,
.cza-faq details > p {
  padding: 0 62px 23px 24px;
  color: var(--cza-muted);
}

.cza-faq__answer ol { margin: 0; padding-left: 20px; }
.cza-faq__answer li + li { margin-top: 7px; }
.cza-faq a { color: var(--cza-blue-dark); }

/* Closing shader CTA */

.cza-final {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 510px;
  align-items: center;
  overflow: hidden;
  color: var(--lpn-text);
  background: var(--lpn-bg);
}

.cza-final__inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding-block: clamp(88px, 11vw, 142px);
  text-align: center;
}

.cza-final h2 { margin-inline: auto; }

.cza-final p {
  max-width: 650px;
  margin-inline: auto;
  color: var(--lpn-muted);
  font-size: clamp(1.05rem, 1.45vw, 1.2rem);
}

.cza-final .cza-button--ghost {
  color: var(--lpn-blue);
  border-color: color-mix(in srgb, var(--lpn-blue) 28%, var(--lpn-line));
  background: color-mix(in srgb, var(--lpn-frame) 80%, transparent);
}

.cza-final a.cza-button--ghost,
.cza-final a.cza-button--ghost:hover {
  color: var(--lpn-blue);
}

html[data-lp-theme="dark"] .cza :where(
  .cza-document-shot img
) {
  filter: brightness(0.8) saturate(0.82) contrast(0.96);
}

html[data-lp-theme="dark"] .cza .cza-scanner__visual figure img {
  filter: brightness(1.35) saturate(0.9) drop-shadow(0 20px 28px rgb(0 174 239 / 18%));
}

/* Screenshot lightbox */

.cza-lightbox {
  width: min(96vw, 1640px);
  max-width: none;
  max-height: 94vh;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(164, 202, 235, 0.34);
  border-radius: 20px;
  color: #eaf6ff;
  background: #081322;
  box-shadow: 0 30px 110px rgba(0, 0, 0, 0.58);
}

.cza-lightbox[open] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.cza-lightbox::backdrop {
  background: rgba(1, 6, 14, 0.84);
  backdrop-filter: blur(8px);
}

.cza-lightbox__bar {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 11px 8px 18px;
  border-bottom: 1px solid rgba(164, 202, 235, 0.18);
  background: #0b1a2c;
}

.cza-lightbox__bar strong {
  overflow: hidden;
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cza-lightbox__bar button {
  display: inline-grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(164, 202, 235, 0.25);
  border-radius: 10px;
  color: #eaf6ff;
  background: rgba(255, 255, 255, 0.04);
  cursor: pointer;
}

.cza-lightbox__bar button:hover { background: rgba(255, 255, 255, 0.1); }
.cza-lightbox__bar button svg { width: 20px; height: 20px; }

.cza-lightbox__image-wrap {
  overflow: auto;
  background: #030812;
}

.cza-lightbox__image-wrap img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(94vh - 56px);
  margin: auto;
  object-fit: contain;
}

html[data-lp-theme="light"] .cza-lightbox {
  color: #061b35;
  border-color: #d4e2ef;
  background: #ffffff;
}

html[data-lp-theme="light"] .cza-lightbox__bar {
  border-color: #d4e2ef;
  background: #eef5fb;
}

html[data-lp-theme="light"] .cza-lightbox__bar button {
  color: #061b35;
  border-color: #cbdceb;
  background: #ffffff;
}

html[data-lp-theme="light"] .cza-lightbox__image-wrap { background: #e9eef4; }

/* Progressive reveal is opt-in only after JS enhancement. */

.cza.is-enhanced [data-cza-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 650ms cubic-bezier(0.2, 0.72, 0.24, 1), transform 650ms cubic-bezier(0.2, 0.72, 0.24, 1);
  will-change: opacity, transform;
}

.cza.is-enhanced [data-cza-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */

@media (max-width: 1100px) {
  .cza-hero { min-height: 0; }
  .cza-hero__layout { grid-template-columns: minmax(0, 0.86fr) minmax(440px, 1.14fr); gap: 42px; }
  .cza-hero__visual { width: 112%; margin-left: -5%; }
  .cza h1 { font-size: clamp(3rem, 6vw, 4.6rem); }
  .cza-process__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cza-team__layout { grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr); gap: 42px; }
  .cza-team__visual { min-height: 500px; }
  .cza-proof { grid-template-columns: 1fr; }
  .cza-automation__layout { grid-template-columns: minmax(0, 1fr) minmax(350px, 0.72fr); gap: 50px; }
  .cza-automation-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cza-decisions__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cza-documents__layout { gap: 58px; }
}

@media (max-width: 920px) {
  .cza-hero { padding-top: 84px; }
  .cza-hero__layout { grid-template-columns: 1fr; }
  .cza-hero__copy { max-width: 760px; }
  .cza-hero__visual { width: min(100%, 720px); margin: 40px auto 0; }
  .cza-process__grid { grid-template-columns: 1fr; gap: 18px; }
  .cza-process-card { min-height: 0; }
  .cza-dashboard__intro { grid-template-columns: 1fr; gap: 34px; }
  .cza-team__layout { grid-template-columns: 1fr; }
  .cza-team__visual { width: min(100%, 680px); min-height: 0; margin: 18px auto 0; }
  .cza-team__visual img { width: 100%; max-width: 100%; }
  .cza-automation__layout { grid-template-columns: 1fr; }
  .cza-automation__visual { width: min(100%, 590px); min-height: 600px; margin: 0 auto; }
  .cza-decisions__grid { grid-template-columns: 1fr; }
  .cza-scanner__layout,
  .cza-documents__layout { grid-template-columns: 1fr; }
  .cza-scanner__copy { order: -1; }
  .cza-scanner__visual { width: min(100%, 720px); margin-inline: auto; }
  .cza-documents__visual { width: min(100%, 600px); margin-inline: auto; }
  .cza-faq__layout { grid-template-columns: 1fr; gap: 32px; }
  .cza-faq__layout > .cza-heading:first-child { position: static; }
}

@media (max-width: 760px) {
  .cza { --cza-header-offset: 70px; }
}

@media (max-width: 640px) {
  .cza-container { width: min(calc(100% - 28px), 1240px); }
  .cza-section { padding: 72px 0; }
  .cza h1 { font-size: clamp(2.65rem, 13vw, 4rem); }
  .cza h2 { font-size: clamp(2rem, 9vw, 2.8rem); }
  .cza-hero { padding: 72px 0 76px; }
  .cza-hero__visual { margin-top: 30px; }
  .cza-actions { align-items: stretch; }
  .cza-actions .cza-button { flex: 1 1 100%; }
  .cza-proof { font-size: 0.84rem; }
  .cza-product-shot__bar strong { display: none; }
  .cza-product-shot__bar { grid-template-columns: repeat(3, 8px) 1fr; }
  .cza-product-shot__caption span:last-child { display: none; }
  .cza-section-nav a { padding: 14px 13px; font-size: 0.8rem; }
  .cza-process-card { padding: 24px; }
  .cza-dashboard-shot__chrome { grid-template-columns: repeat(3, 8px) 1fr; }
  .cza-dashboard-shot__chrome strong { display: none; }
  .cza-dashboard-shot__chrome em { text-align: right; }
  .cza-automation__visual { min-height: 540px; }
  .cza-modal-shot { width: min(94%, 540px); }
  .cza-orbit > span { width: 420px; height: 420px; }
  .cza-orbit > span:nth-child(2) { width: 320px; height: 320px; }
  .cza-automation-options { grid-template-columns: 1fr; }
  .cza-decision-card { min-height: 0; }
  .cza-decision-card__copy { padding: 22px; }
  .cza-decision-card__shot img { min-height: 0; }
  .cza-scanner__visual { padding-inline: 0; }
  .cza-documents__visual { min-height: 570px; }
  .cza-document-shot { width: min(77%, 340px); max-height: 525px; }
  .cza-faq summary { min-height: 66px; padding: 18px 52px 18px 18px; font-size: 0.92rem; }
  .cza-faq summary::before,
  .cza-faq summary::after { right: 19px; }
  .cza-faq__answer,
  .cza-faq details > p { padding: 0 18px 20px; font-size: 0.92rem; }
  .cza-final { min-height: 480px; }
}

/* Motion accessibility */

@media (prefers-reduced-motion: reduce) {
  .cza *,
  .cza *::before,
  .cza *::after,
  .cza-lightbox *,
  .cza-lightbox *::before,
  .cza-lightbox *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  .cza-scanner__beam { display: none; }
  .cza.is-enhanced [data-cza-reveal],
  .cza.is-enhanced [data-cza-reveal].is-visible { opacity: 1; transform: none; }
}

/* Printable feature overview */

@media print {
  .cza-page .public-main { overflow: visible; }
  .cza {
    --cza-bg: #ffffff;
    --cza-surface: #ffffff;
    --cza-surface-soft: #f3f6f9;
    --cza-text: #081526;
    --cza-muted: #445365;
    --cza-line: #cbd5df;
    color: #081526;
    background: #ffffff;
    font-size: 11pt;
  }
  .cza-section { padding: 36px 0; }
  .cza-section-nav,
  .cza-hero__visual,
  .cza-dashboard-shot,
  .cza-team__visual,
  .cza-automation__visual,
  .cza-decisions__grid,
  .cza-scanner__visual,
  .cza-documents__visual,
  .cza-final,
  .cza-lightbox { display: none !important; }
  .cza-hero { min-height: 0; padding: 50px 0; background: #ffffff; }
  .cza-hero__layout,
  .cza-dashboard__intro,
  .cza-team__layout,
  .cza-automation__layout,
  .cza-scanner__layout,
  .cza-documents__layout,
  .cza-faq__layout { display: block; }
  .cza-process__grid,
  .cza-automation-options { grid-template-columns: repeat(2, 1fr); }
  .cza-automation { color: #081526; background: #ffffff; }
  .cza-automation .cza-heading p,
  .cza-automation .cza-timeline p { color: #445365; }
  .cza-faq details { break-inside: avoid; }
}