/* Two related stories: Zita's experience and our clients' growth. */
.zita-proof {
  padding: 6px 0 clamp(56px, 5vw, 88px);
  background: #f6fbff;
  color: #1e0e59;
  scroll-margin-top: 100px;
}
.zita-proof *, .zita-proof *::before, .zita-proof *::after { box-sizing: border-box; }
.zita-proof__layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.zita-proof__panel {
  --zp-ink: #fff;
  --zp-soft: #d6cfe9;
  --zp-plus: #87dce8;
  --zp-line: rgba(255,255,255,.2);
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: clamp(26px,3vw,44px);
  border: 1px solid transparent;
  border-radius: 24px;
  background: #1e0e59;
  color: var(--zp-ink);
  isolation: isolate;
}
.zita-proof__panel--clients {
  --zp-ink: #1e0e59;
  --zp-soft: #514d68;
  --zp-plus: #4a3ff7;
  --zp-line: rgba(30,14,89,.16);
  border-color: #cde9f0;
  background: #dff4f8;
}
.zita-proof__panel-heading { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 45px; padding-bottom: 24px; border-bottom: 1px solid var(--zp-line); }
.zita-proof__panel-heading h2 { min-width: 0; margin: 0; color: var(--zp-ink); font-size: clamp(22px,2vw,29px); font-weight: 500; line-height: 1.25; letter-spacing: -.045em; }
.zita-proof__accent { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--zp-plus); }
.zita-proof__art { position: absolute; z-index: 0; width: 190px; height: 190px; pointer-events: none; }
.zita-proof__art--brand { top: -66px; right: -40px; color: #8c81dd; opacity: .14; transform: rotate(12deg); }
.zita-proof__art--clients { top: -45px; right: -37px; color: #4a3ff7; opacity: .075; }
.zita-proof__grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 32px 0 0; padding: 0; }
.zita-proof__stat { display: grid; grid-template-areas: "value" "label"; grid-template-rows: auto 1fr; align-content: start; gap: 18px; min-width: 0; padding: 0 24px 0 0; }
.zita-proof__stat + .zita-proof__stat { padding: 0 0 0 24px; border-left: 1px solid var(--zp-line); }
.zita-proof__value { grid-area: value; display: flex; align-items: baseline; gap: 0; margin: 0; color: var(--zp-ink); font-size: clamp(52px,5.8vw,84px); font-weight: 600; line-height: 1.05; letter-spacing: -.07em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.zita-proof__plus { align-self: center; margin-right: 6px; color: var(--zp-plus); font-size: .43em; font-weight: 400; line-height: 1; letter-spacing: -.05em; }
.zita-proof__unit { margin-left: 2px; font-size: .66em; font-weight: 500; letter-spacing: -.06em; }
.zita-proof__label { grid-area: label; max-width: 22ch; min-height: 3.1em; margin: 0; color: var(--zp-soft); font-size: 14px; font-weight: 400; line-height: 1.55; letter-spacing: -.015em; }
.zita-proof[data-reveal-ready="true"] .zita-proof__panel { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s cubic-bezier(.22,1,.36,1); }
.zita-proof[data-reveal-ready="true"].is-visible .zita-proof__panel { opacity: 1; transform: none; }
.zita-proof.is-visible .zita-proof__panel--clients { transition-delay: .12s; }
@media (max-width: 991px) {
  .zita-proof__layout { grid-template-columns: 1fr; gap: 20px; }
  .zita-proof__panel { padding: 30px; }
  .zita-proof__panel-heading h2 { font-size: 26px; }
  .zita-proof__value { font-size: 72px; }
  .zita-proof__label { min-height: 0; }
}
@media (max-width: 599px) {
  .zita-proof { padding-bottom: 48px; }
  .zita-proof__layout { gap: 16px; }
  .zita-proof__panel { padding: 24px; border-radius: 20px; }
  .zita-proof__panel-heading { min-height: 48px; padding-bottom: 20px; gap: 12px; }
  .zita-proof__panel-heading h2 { font-size: 22px; }
  .zita-proof__art { width: 150px; height: 150px; }
  .zita-proof__art--brand { top: -48px; right: -35px; }
  .zita-proof__art--clients { top: -35px; right: -33px; }
  .zita-proof__grid { margin-top: 24px; }
  .zita-proof__stat { gap: 13px; padding-right: 16px; }
  .zita-proof__stat + .zita-proof__stat { padding-left: 16px; }
  .zita-proof__value { font-size: clamp(36px,10.8vw,52px); }
  .zita-proof__plus { margin-right: 4px; }
  .zita-proof__label { min-height: 3em; font-size: 13px; line-height: 1.5; }
}
@media (max-width: 359px) {
  .zita-proof__panel { padding: 20px; }
  .zita-proof__panel-heading h2 { font-size: 20px; }
  .zita-proof__stat { padding-right: 12px; }
  .zita-proof__stat + .zita-proof__stat { padding-left: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .zita-proof[data-reveal-ready="true"] .zita-proof__panel { opacity: 1; transform: none; transition: none; }
}
@media (forced-colors: active) {
  .zita-proof__panel { --zp-ink: CanvasText; --zp-soft: CanvasText; --zp-plus: CanvasText; --zp-line: CanvasText; border-color: CanvasText; background: Canvas; }
  .zita-proof__art { display: none; }
}