/* ============================================================
   PlatformScene — illustrations for the home "What sets Incode
   Platform apart" cards (PlatformScene.astro, used by index.astro
   + agentic-fraud.astro inside .x3-uc__media). Workflow builder,
   UI Customization, Fraud analytics and Platform integrations render
   Ale's v2 designs (/platform-scenes/*.svg — Figma exports, flat
   #F2F2F2 background stripped + embedded rasters recompressed) on a
   polka-dot canvas.
   ============================================================ */

.c-pscene {
  position: absolute;
  inset: 0;
  overflow: hidden;
  font-family: var(--font-sans);
  background: var(--color-grey-50);
}
/* polka-dot canvas behind every scene (per Ale
   2026-07-24) — painted on the slot, not the SVG, so the letterbox
   bands object-fit:contain leaves at non-16:10 ratios stay dotted too.
   Tone eased three times per Ale: grey-300@60% → grey-200@55% →
   grey-200@40% → grey-200@30%, texture that never competes with the
   art. */
.c-pscene {
  background-image: radial-gradient(
    color-mix(in oklab, var(--color-grey-200) 30%, transparent) 1.1px,
    transparent 1.1px
  );
  background-size: 16px 16px;
  background-position: 8px 8px;
}
.c-pscene__stage {
  position: absolute;
  inset: 0;
}

/* final-design artwork: whole-fit, scaled up one uniform step (per
   Ale 2026-07-24: the exports share ~27px baked margins that read as
   dead space next to the slot's letterbox, and the four visuals must
   keep matching margins/sizes — the workflow SVG carries a -4px
   centering nudge so its right-hugging Session cards survive the same
   scale as its siblings). Integrations renders 1:1: its checkerboard
   bleeds off every edge by design, so it needs no margin-eating. */
.c-pscene__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scale(1.12);
}
.c-pscene--integrations .c-pscene__art { transform: none; }


/* ---------- motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .c-pscene *,
  .c-pscene *::before {
    animation: none !important;
  }
}
