/**
 * Homepage hero code wall — Webflow-safe (layout stays in Designer).
 * Prefer a Div Block `.canvas`; native `canvas.canvas` also works (attach via hero section).
 */
.canvas canvas.canvas__surface,
canvas.canvas,
canvas.canvas.canvas__surface {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
}

/* Hero section receives pointer events; canvas stays pass-through for CTAs above. */
section:has(> canvas.canvas),
section:has(> .canvas[data-blekline-hero-canvas]),
section:has(> .canvas) {
  touch-action: manipulation;
}

.canvas[data-hero-code-canvas="pending"] {
  outline: 1px dashed rgba(249, 115, 22, 0.35);
  outline-offset: -1px;
}