/* Public-site DotField adapted from the user-supplied React Bits effect. */
html[data-r35-public-dotfield="true"],
body.koryao-public-r15.r35-public-dotfield-enabled {
  background: #071016;
}

body.koryao-public-r15 .r35-dotfield-layer {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0.94;
}

body.koryao-public-r15 .r35-dotfield-layer canvas,
body.koryao-public-r15 .r35-dotfield-layer svg {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body.koryao-public-r15 .r35-dotfield-layer svg {
  mix-blend-mode: multiply;
}

/* Defensive fallback: the legacy workflow canvas must never stack with DotField. */
body.koryao-public-r15.r35-public-dotfield-enabled #workflow > .r15-dot-grid-container {
  display: none !important;
}

body.koryao-public-r15.r35-public-dotfield-enabled > #root,
body.koryao-public-r15.r35-public-dotfield-enabled .site-shell {
  position: relative;
  z-index: 1;
  background: transparent;
}

/* The fixed DotField sits behind the app shell. The production bundle gives
   main an opaque desktop background, which would otherwise hide the canvas. */
body.koryao-public-r15.r35-public-dotfield-enabled main {
  background: transparent !important;
}

body.koryao-public-r15.r35-public-dotfield-enabled
  :is(.hero, .workflow-stage, .plans-stage, .closing-stage) {
  background-color: rgba(7, 16, 22, 0.42) !important;
}

body.koryao-public-r15.r35-public-dotfield-enabled
  :is(.capabilities, .outcomes, .security-stage, .r15-site-footer) {
  background-color: rgba(10, 22, 30, 0.46) !important;
}

@media (max-width: 760px) {
  body.koryao-public-r15 .r35-dotfield-layer {
    opacity: 0.78;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.koryao-public-r15 .r35-dotfield-layer {
    opacity: 0.68;
  }
}