/* Scoped circuit-board illustration. Full static composition works without JavaScript. */
[data-brand-understanding].brand-circuit-visual { padding:clamp(1rem,2vw,1.5rem); overflow:hidden; border:1px solid #373a33; background:#20221f; border-radius:1.5rem; }
[data-brand-understanding] .brand-circuit-board { position:relative; width:100%; aspect-ratio:600 / 520; }
[data-brand-understanding] .brand-circuit-drawing { position:absolute; inset:0; background-image:linear-gradient(#f7f4eb06 1px,transparent 1px),linear-gradient(90deg,#f7f4eb06 1px,transparent 1px); background-size:8.3333% 9.6154%; }
[data-brand-understanding] .brand-circuit-wires { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
[data-brand-understanding] .brand-circuit-trace { stroke:#616959; stroke-width:1.5; }
[data-brand-understanding] .brand-circuit-ghost { stroke:#42483b; stroke-width:1; opacity:.55; }
[data-brand-understanding] .brand-circuit-pins { fill:#20221f; stroke:#79836d; stroke-width:1.5; }
[data-brand-understanding] .brand-circuit-pulse { stroke-width:3; stroke-linecap:round; stroke-dasharray:9 101; stroke-dashoffset:10; opacity:0; }
[data-brand-understanding] .brand-circuit-lime { stroke:#c7ef62; }
[data-brand-understanding] .brand-circuit-blue { stroke:#b9d4f2; }
[data-brand-understanding] .brand-circuit-coral { stroke:#f58f7c; }
[data-brand-understanding] .brand-circuit-lilac { stroke:#c6b4f0; }
[data-brand-understanding] .brand-circuit-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%,-50%); display:grid; justify-items:center; width:24%; gap:.55rem; }
[data-brand-understanding] .brand-circuit-socket { width:clamp(42px,11vw,72px); aspect-ratio:1; display:grid; place-items:center;  }
[data-brand-understanding] .brand-circuit-socket img { width:90%; height:90%; object-fit:contain; }
[data-brand-understanding] .brand-circuit-node span { color:#e2e4dc; font-size:.875rem; font-family:"General Sans",sans-serif; white-space:nowrap; }
[data-brand-understanding] .brand-circuit-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:29%; display:grid; justify-items:center; gap:.75rem; }
[data-brand-understanding] .brand-circuit-chip { position:relative; width:100%; aspect-ratio:1; display:grid; place-items:center;  }
[data-brand-understanding] .brand-circuit-chip img { width:100%; height:100%; object-fit:contain; }
[data-brand-understanding] .brand-circuit-center span { font-family:"General Sans",sans-serif; font-size:clamp(1rem,1.7vw,1.25rem); font-weight:600; color:#f7f4eb; white-space:nowrap; }
[data-brand-understanding].brand-circuit-running .brand-circuit-pulse { animation:brand-circuit-route 3.4s var(--delay) infinite both; }
[data-brand-understanding].brand-circuit-running .brand-circuit-socket img { animation:brand-circuit-breathe 3.6s ease-in-out infinite; }
[data-brand-understanding].brand-circuit-running .brand-circuit-chip img { animation:brand-circuit-breathe 2.1s ease-in-out infinite; }
[data-brand-understanding].brand-circuit-paused * { animation-play-state:paused !important; }
@keyframes brand-circuit-breathe { 0%,100% {transform:scale(1)} 50% {transform:scale(1.045)} }
@keyframes brand-circuit-route { 0% {stroke-dashoffset:10;opacity:0} 12% {opacity:1} 88% {opacity:1} 100% {stroke-dashoffset:-100;opacity:0} }
@media(max-width:420px) {
 [data-brand-understanding] .brand-circuit-board { aspect-ratio:600 / 660; }
 [data-brand-understanding] .brand-circuit-node { gap:.45rem; }
 [data-brand-understanding] .brand-circuit-center { gap:.65rem; }
}
@media(prefers-reduced-motion:reduce) {
 [data-brand-understanding] .brand-circuit-pulse { display:none; }
 [data-brand-understanding] .brand-circuit-chip img, [data-brand-understanding] .brand-circuit-socket img { animation:none !important; }
}