/* Aurora Neon Flow Diagram */
.flow-diagram{position:relative;max-width:clamp(56.25em,92vw,82.5em);margin:3.5em auto 1.5em;padding:0 1em;font-size:clamp(.6rem, 2.2vw, 1rem);} 
.flow-diagram .flow-wrap{position:relative}
.flow-diagram .flow-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1em,3vw,1.75em)}
.flow-diagram .flow-col{display:flex;flex-direction:column;gap:1.125em}
.flow-diagram .pill{position:relative;display:flex;align-items:center;gap:.75em;padding:clamp(.8em,2vw,1em) clamp(1em,2.4vw,1.25em);border-radius:999px;background:rgba(17,24,39,0.40);backdrop-filter:blur(.875em) saturate(120%);-webkit-backdrop-filter:blur(.875em) saturate(120%);box-shadow:0 .5em 1.5em rgba(0,0,0,0.4)}
.flow-diagram .pill::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.0625em;background:linear-gradient(90deg,#a855f7,#22d3ee);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 .625em rgba(168,85,247,.45)) drop-shadow(0 0 1.125em rgba(34,211,238,.35))}
.flow-diagram .pill .icon{width:clamp(1.4em,3.5vw,1.75em);height:clamp(1.4em,3.5vw,1.75em);display:grid;place-items:center;color:#e5e7eb;position:relative}
.flow-diagram .pill .icons-group{display:flex;align-items:center;gap:.5em}
.flow-diagram .pill .icons-group .brand{width:clamp(1.25em,3vw,1.625em);height:clamp(1.25em,3vw,1.625em);border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,0.06);backdrop-filter:blur(.375em);-webkit-backdrop-filter:blur(.375em);box-shadow:0 .125em .5em rgba(0,0,0,0.35)}
.flow-diagram .pill .icons-group .brand img{width:1em;height:1em;display:block}
.flow-diagram .pill .label{color:#e6edf5;font-weight:600;letter-spacing:.0125em;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:auto;font-size:clamp(.85em,1.2vw,1em);line-height:1.25;writing-mode:horizontal-tb;text-orientation:mixed;display:block}
.flow-diagram .center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(8em,22vw,10.5em);height:clamp(8em,22vw,10.5em);border-radius:50%;background:rgba(17,24,39,0.40);backdrop-filter:blur(1em) saturate(140%);-webkit-backdrop-filter:blur(1em) saturate(140%);box-shadow:0 .75em 2.5em rgba(0,0,0,0.45)}
.flow-diagram .center::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.125em;background:linear-gradient(90deg,#a855f7,#22d3ee);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 1em rgba(168,85,247,.55)) drop-shadow(0 0 1.75em rgba(34,211,238,.45))}
.flow-diagram .center::after{content:"";position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side, rgba(168,85,247,.25), rgba(34,211,238,.08) 60%, transparent 70%);filter:blur(.625em);z-index:-1}
.flow-diagram .center img{width:clamp(2.75em,6vw,4em);height:clamp(2.75em,6vw,4em);object-fit:contain;border-radius:.75em}
.flow-diagram .center .brand{margin-top:.5em;color:#e6edf5;font-weight:700;font-size:clamp(.9em,1.2vw,1.1em)}
.flow-diagram .lines{position:absolute;inset:0;pointer-events:none;z-index:0}
.flow-diagram .flow-grid>*{position:relative;z-index:1}

/* Gold/orange outline icons */
.flow-diagram .icon svg{color:#fbbf24;stroke:currentColor;filter:drop-shadow(0 0 .375em rgba(251,191,36,.45)) drop-shadow(0 0 .75em rgba(251,191,36,.25))}
.flow-diagram .pill .icon svg,.flow-diagram .pill .icon img{width:clamp(.9em,2.2vw,1.1em);height:clamp(.9em,2.2vw,1.1em)}


.flow-diagram .led{fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-diagram .led.base{stroke:url(#auroraGrad);stroke-width:.5em;filter:url(#auroraGlow)}
.flow-diagram .led.glow{stroke:url(#auroraGrad);stroke-width:1.5em;opacity:.55;filter:url(#auroraGlowBig)}
.flow-diagram .led.core{stroke:#e8fbff;stroke-width:.1375em;opacity:.95;filter:url(#auroraSoft)}
.flow-diagram .led.diode{stroke:#ffffff;stroke-width:.1875em;stroke-dasharray:.0625em 1em;stroke-linecap:round;opacity:.9;filter:url(#auroraGlow);animation:ledFlow 3.2s linear infinite;will-change:stroke-dashoffset}
.flow-diagram .led.diode.right{animation-direction:reverse}

@keyframes ledFlow{to{stroke-dashoffset:-260}}

/*@media (max-width: 860px){
  .flow-diagram{max-width:clamp(320px,96vw,1320px);padding:0 1em;}
  .flow-diagram .flow-grid{grid-template-columns:1fr auto 1fr;gap:1.75em}
  .flow-diagram .center{order:0;margin:0 auto;width:10.5em;height:10.5em}
  .flow-diagram .center img{width:4em;height:4em}
  .flow-diagram .flow-col{align-items:flex-start;gap:1.125em}
  .flow-diagram .pill{display:inline-flex;align-items:center;gap:.75em;padding:1em 1.25em;align-self:flex-start;max-width:100%}
  .flow-diagram .pill .icon{width:1.75em;height:1.75em}
  .flow-diagram .pill .label{font-size:1em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}*/