@keyframes gevon-current-cycle {
    0%, 3% { opacity: 0; stroke-dashoffset: 1; }
    8% { opacity: 1; }
    52% { opacity: 1; stroke-dashoffset: 0; }
    58%, 100% { opacity: 0; stroke-dashoffset: 0; }
  }

  @keyframes gevon-node-cycle {
    0%, 2% { opacity: 0; transform: scale(.72); }
    5% { opacity: 1; transform: scale(1.18); }
    10%, 100% { opacity: 0; transform: scale(.78); }
  }

  @keyframes gevon-flash-s {
    0%, 61%, 70%, 100% { opacity: 0; }
    64%, 67% { opacity: 1; }
  }

  @keyframes gevon-flash-j {
    0%, 69%, 78%, 100% { opacity: 0; }
    72%, 75% { opacity: 1; }
  }

  @keyframes gevon-flash-g {
    0%, 77%, 88%, 100% { opacity: 0; }
    81%, 85% { opacity: 1; }
  }

  @keyframes gevon-home-idle-current {
    0%, 8% { opacity: 0; stroke-dashoffset: 1; }
    16% { opacity: .3; }
    64% { opacity: .2; stroke-dashoffset: 0; }
    74%, 100% { opacity: 0; stroke-dashoffset: 0; }
  }

  @keyframes gevon-home-idle-node {
    0%, 3% { opacity: 0; transform: scale(.82); }
    6% { opacity: .42; transform: scale(1.06); }
    11%, 100% { opacity: 0; transform: scale(.88); }
  }

  @keyframes gevon-process-current {
    0%, 5% { opacity: 0; stroke-dashoffset: 1; }
    14% { opacity: 1; }
    78% { opacity: .9; stroke-dashoffset: 0; }
    100% { opacity: 0; stroke-dashoffset: 0; }
  }

  @keyframes gevon-process-terminal {
    0%, 58%, 100% { fill: rgba(84,214,255,.2); filter: none; }
    72%, 84% { fill: #e9fbff; filter: drop-shadow(0 0 7px rgba(0,185,255,.9)); }
  }

  .v5-monogram {
    animation: none !important;
    cursor: crosshair;
    isolation: isolate;
    transition: filter .24s ease;
  }

  .v5-monogram:focus-visible,
  .gevon-electric-process-overlay:focus-visible {
    outline: 2px solid rgba(84,214,255,.92);
    outline-offset: 6px;
  }

  .v5-monogram-segment,
  .v5-monogram-current {
    display: none !important;
    animation: none !important;
  }

  .v5-monogram-base {
    position: relative;
    z-index: 1;
    opacity: .78;
    filter: saturate(.94) brightness(.96);
    transition: opacity .2s ease, filter .2s ease;
  }

  .gevon-electric-home-overlay {
    --electric-stroke: 7;
    --electric-flash-stroke: 8;
    --electric-cycle: 3.8s;
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
  }

  .gevon-electric-home-overlay .gevon-electric-svg { opacity: .4; }
  .gevon-electric-home-overlay .gevon-electric-current {
    animation: gevon-home-idle-current 7.6s linear infinite;
  }
  .gevon-electric-home-overlay .gevon-electric-nodes circle {
    animation: gevon-home-idle-node 7.6s linear var(--node-delay) infinite;
  }

  .gevon-electric-process-overlay {
    --electric-stroke: 5.5;
    --electric-flash-stroke: 6.5;
    --electric-cycle: 4.1s;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    width: var(--process-monogram-size);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    cursor: crosshair;
  }

  .gevon-electric-svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
    opacity: 0;
    transition: opacity .16s ease;
  }

  .gevon-electric-current,
  .gevon-electric-flash {
    fill: none;
    stroke: #e8fbff;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gevon-electric-current {
    stroke-width: var(--electric-stroke);
    stroke-dasharray: .085 .915;
    stroke-dashoffset: 1;
    opacity: 0;
    filter:
      drop-shadow(0 0 2px rgba(255,255,255,.98))
      drop-shadow(0 0 6px rgba(0,185,255,.95))
      drop-shadow(0 0 14px rgba(0,185,255,.58));
  }

  .gevon-electric-current.is-s { animation-delay: .08s !important; }
  .gevon-electric-current.is-j { animation-delay: .16s !important; }

  .gevon-electric-nodes circle {
    fill: #e8fbff;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    filter:
      drop-shadow(0 0 3px rgba(255,255,255,.98))
      drop-shadow(0 0 8px rgba(0,185,255,.92));
  }

  .gevon-electric-flash {
    stroke-width: var(--electric-flash-stroke);
    opacity: 0;
    filter:
      drop-shadow(0 0 3px rgba(255,255,255,1))
      drop-shadow(0 0 9px rgba(0,185,255,.96))
      drop-shadow(0 0 19px rgba(0,185,255,.62));
  }

  .v5-monogram:hover,
  .v5-monogram:focus-visible {
    filter:
      drop-shadow(0 0 18px rgba(0,185,255,.3))
      drop-shadow(0 0 42px rgba(0,185,255,.18));
  }

  .v5-monogram:hover .v5-monogram-base,
  .v5-monogram:focus-visible .v5-monogram-base {
    opacity: 1;
    filter: saturate(1.08) brightness(1.13) drop-shadow(0 0 7px rgba(0,185,255,.66));
  }

  .v5-monogram.is-project-reacting .gevon-electric-svg { opacity: 1; }
  .v5-monogram.is-project-reacting .gevon-electric-current {
    animation: gevon-current-cycle var(--electric-cycle) linear 1;
  }
  .v5-monogram.is-project-reacting .gevon-electric-nodes circle {
    animation: gevon-node-cycle var(--electric-cycle) linear var(--node-delay) 1;
  }
  .v5-monogram.is-project-reacting .flash-s { animation: gevon-flash-s var(--electric-cycle) linear 1; }
  .v5-monogram.is-project-reacting .flash-j { animation: gevon-flash-j var(--electric-cycle) linear 1; }
  .v5-monogram.is-project-reacting .flash-g { animation: gevon-flash-g var(--electric-cycle) linear 1; }

  @media (hover: hover) and (pointer: fine) {
    .v5-monogram:hover .gevon-electric-svg,
    .v5-monogram:focus-visible .gevon-electric-svg,
    .gevon-electric-process-overlay:hover .gevon-electric-svg,
    .gevon-electric-process-overlay:focus-visible .gevon-electric-svg {
      opacity: 1;
    }

    .v5-monogram:hover .gevon-electric-current,
    .v5-monogram:focus-visible .gevon-electric-current,
    .gevon-electric-process-overlay:hover .gevon-electric-current,
    .gevon-electric-process-overlay:focus-visible .gevon-electric-current {
      animation: gevon-current-cycle var(--electric-cycle) linear infinite;
    }

    .v5-monogram:hover .gevon-electric-nodes circle,
    .v5-monogram:focus-visible .gevon-electric-nodes circle,
    .gevon-electric-process-overlay:hover .gevon-electric-nodes circle,
    .gevon-electric-process-overlay:focus-visible .gevon-electric-nodes circle {
      animation: gevon-node-cycle var(--electric-cycle) linear var(--node-delay) infinite;
    }

    .v5-monogram:hover .flash-s,
    .v5-monogram:focus-visible .flash-s,
    .gevon-electric-process-overlay:hover .flash-s,
    .gevon-electric-process-overlay:focus-visible .flash-s {
      animation: gevon-flash-s var(--electric-cycle) linear infinite;
    }

    .v5-monogram:hover .flash-j,
    .v5-monogram:focus-visible .flash-j,
    .gevon-electric-process-overlay:hover .flash-j,
    .gevon-electric-process-overlay:focus-visible .flash-j {
      animation: gevon-flash-j var(--electric-cycle) linear infinite;
    }

    .v5-monogram:hover .flash-g,
    .v5-monogram:focus-visible .flash-g,
    .gevon-electric-process-overlay:hover .flash-g,
    .gevon-electric-process-overlay:focus-visible .flash-g {
      animation: gevon-flash-g var(--electric-cycle) linear infinite;
    }
  }

  .v6-process-board > img {
    transition: filter .2s ease, opacity .2s ease;
  }

  .v6-process-board:has(.gevon-electric-process-overlay:hover) > img,
  .v6-process-board:has(.gevon-electric-process-overlay:focus-visible) > img {
    filter: brightness(1.06) drop-shadow(0 0 6px rgba(0,185,255,.38));
  }

  .gevon-electric-process-overlay .gevon-electric-current {
    filter:
      drop-shadow(0 0 1px rgba(255,255,255,.9))
      drop-shadow(0 0 5px rgba(0,185,255,.7))
      drop-shadow(0 0 10px rgba(0,185,255,.28));
  }

  .gevon-electric-process-overlay .gevon-electric-flash {
    filter:
      drop-shadow(0 0 2px rgba(255,255,255,.88))
      drop-shadow(0 0 6px rgba(0,185,255,.68))
      drop-shadow(0 0 11px rgba(0,185,255,.28));
  }

  .gevon-electric-process-overlay .gevon-electric-nodes circle { r: 8; }

  .v6-process-circuit-signals .v6-circuit-signal {
    stroke: #dffaff;
    stroke-width: 2.4;
    stroke-dasharray: .14 .86;
    stroke-dashoffset: 1;
    opacity: 0;
    filter:
      drop-shadow(0 0 2px rgba(255,255,255,.82))
      drop-shadow(0 0 7px rgba(0,185,255,.58));
  }

  .v6-process-board:has(#process-tab-01:hover, #process-tab-01:focus-visible) :is(.v6-circuit-signal.is-01, .v6-circuit-node.is-01),
  .v6-process-board:has(#process-tab-02:hover, #process-tab-02:focus-visible) :is(.v6-circuit-signal.is-02, .v6-circuit-node.is-02),
  .v6-process-board:has(#process-tab-03:hover, #process-tab-03:focus-visible) :is(.v6-circuit-signal.is-03, .v6-circuit-node.is-03),
  .v6-process-board:has(#process-tab-04:hover, #process-tab-04:focus-visible) :is(.v6-circuit-signal.is-04, .v6-circuit-node.is-04),
  .v6-process-board:has(#process-tab-05:hover, #process-tab-05:focus-visible) :is(.v6-circuit-signal.is-05, .v6-circuit-node.is-05),
  .v6-process-board:has(#process-tab-06:hover, #process-tab-06:focus-visible) :is(.v6-circuit-signal.is-06, .v6-circuit-node.is-06),
  .v6-process-board[data-active-stage='01'] :is(.v6-circuit-signal.is-01, .v6-circuit-node.is-01),
  .v6-process-board[data-active-stage='02'] :is(.v6-circuit-signal.is-02, .v6-circuit-node.is-02),
  .v6-process-board[data-active-stage='03'] :is(.v6-circuit-signal.is-03, .v6-circuit-node.is-03),
  .v6-process-board[data-active-stage='04'] :is(.v6-circuit-signal.is-04, .v6-circuit-node.is-04),
  .v6-process-board[data-active-stage='05'] :is(.v6-circuit-signal.is-05, .v6-circuit-node.is-05),
  .v6-process-board[data-active-stage='06'] :is(.v6-circuit-signal.is-06, .v6-circuit-node.is-06) {
    animation: gevon-process-current 1.35s linear infinite;
  }

  .v6-process-board:has(#process-tab-01:hover, #process-tab-01:focus-visible) .v6-circuit-node.is-01,
  .v6-process-board:has(#process-tab-02:hover, #process-tab-02:focus-visible) .v6-circuit-node.is-02,
  .v6-process-board:has(#process-tab-03:hover, #process-tab-03:focus-visible) .v6-circuit-node.is-03,
  .v6-process-board:has(#process-tab-04:hover, #process-tab-04:focus-visible) .v6-circuit-node.is-04,
  .v6-process-board:has(#process-tab-05:hover, #process-tab-05:focus-visible) .v6-circuit-node.is-05,
  .v6-process-board:has(#process-tab-06:hover, #process-tab-06:focus-visible) .v6-circuit-node.is-06,
  .v6-process-board[data-active-stage='01'] .v6-circuit-node.is-01,
  .v6-process-board[data-active-stage='02'] .v6-circuit-node.is-02,
  .v6-process-board[data-active-stage='03'] .v6-circuit-node.is-03,
  .v6-process-board[data-active-stage='04'] .v6-circuit-node.is-04,
  .v6-process-board[data-active-stage='05'] .v6-circuit-node.is-05,
  .v6-process-board[data-active-stage='06'] .v6-circuit-node.is-06 {
    animation-name: gevon-process-terminal;
  }

  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) .v6-circuit-signal,
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) .v6-circuit-signal {
    animation: gevon-process-current 1.65s linear infinite;
  }

  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) .v6-circuit-node,
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) .v6-circuit-node {
    animation: gevon-process-terminal 1.65s linear infinite;
  }

  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) :is(.v6-circuit-signal.is-02, .v6-circuit-node.is-02),
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) :is(.v6-circuit-signal.is-02, .v6-circuit-node.is-02) { animation-delay: .12s; }
  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) :is(.v6-circuit-signal.is-03, .v6-circuit-node.is-03),
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) :is(.v6-circuit-signal.is-03, .v6-circuit-node.is-03) { animation-delay: .24s; }
  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) :is(.v6-circuit-signal.is-04, .v6-circuit-node.is-04),
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) :is(.v6-circuit-signal.is-04, .v6-circuit-node.is-04) { animation-delay: .36s; }
  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) :is(.v6-circuit-signal.is-05, .v6-circuit-node.is-05),
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) :is(.v6-circuit-signal.is-05, .v6-circuit-node.is-05) { animation-delay: .48s; }
  .v6-process-board:has(.gevon-electric-process-overlay:hover, .gevon-electric-process-overlay:focus-visible) :is(.v6-circuit-signal.is-06, .v6-circuit-node.is-06),
  .v6-process-board:has(.gevon-electric-process-overlay.gevon-electric-mobile-pulse) :is(.v6-circuit-signal.is-06, .v6-circuit-node.is-06) { animation-delay: .60s; }

  .gevon-electric-mobile-pulse .gevon-electric-svg { opacity: 1; }
  .gevon-electric-mobile-pulse .gevon-electric-current {
    animation: gevon-current-cycle var(--electric-cycle) linear 1;
  }
  .gevon-electric-mobile-pulse .gevon-electric-nodes circle {
    animation: gevon-node-cycle var(--electric-cycle) linear var(--node-delay) 1;
  }
  .gevon-electric-mobile-pulse .flash-s { animation: gevon-flash-s var(--electric-cycle) linear 1; }
  .gevon-electric-mobile-pulse .flash-j { animation: gevon-flash-j var(--electric-cycle) linear 1; }
  .gevon-electric-mobile-pulse .flash-g { animation: gevon-flash-g var(--electric-cycle) linear 1; }

  @media (prefers-reduced-motion: reduce) {
    .gevon-electric-svg,
    .gevon-electric-current,
    .gevon-electric-nodes circle,
    .gevon-electric-flash {
      animation: none !important;
    }
    .gevon-electric-svg { display: none !important; }
    .v5-monogram-base,
    .v6-process-board > img { opacity: .9; filter: none !important; }
  }

  @media (max-width: 720px) {
    .v6-process-board { --process-monogram-size: 132px; }

    .v6-process-board > img {
      display: block !important;
      position: relative;
      left: auto;
      top: auto;
      width: var(--process-monogram-size);
      margin: 0 auto 1.1rem;
      transform: none;
    }

    .gevon-electric-process-overlay {
      left: 50%;
      top: 1rem;
      width: var(--process-monogram-size);
      transform: translateX(-50%);
    }
  }