.about-kicker{margin:0 0 16px;color:#b3b3b3;font-family:Bricolage,'DM Sans',sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:1.2px}
.about-circuit{--circuit-accent:#b1a2f6;position:relative;z-index:1;align-self:center;justify-self:center;width:min(100%,440px);min-width:0;margin:0;container-type:inline-size;font-family:Bricolage,'DM Sans',sans-serif}
.circuit-board{position:relative;width:100%;aspect-ratio:480/460}
.circuit-wiring{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.circuit-trace{stroke:#53535b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s,opacity .3s}
.circuit-cross-link .circuit-trace{stroke:#3b3b42}
.circuit-pulse{stroke:url(#circuit-signal-colour);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:65 935;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 4px #9180ff);transition:opacity .35s}
.is-circuit-running .circuit-pulse{opacity:.95}
.circuit-pins{stroke:#686872;stroke-width:2;stroke-linecap:round}
.circuit-component{position:absolute;left:var(--node-x);top:var(--node-y);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:23.3333%;height:15.2174%;min-height:52px;padding:8px 4px;translate:-50% -50%;border:1px solid #3c3c43;border-radius:10px;background:linear-gradient(145deg,#202024,#111113);color:#bcbcc5;font-family:inherit;font-size:13px;font-weight:400;line-height:16px;text-align:center;box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 12px rgba(0,0,0,.25);cursor:pointer;touch-action:manipulation;transition:color .3s,border-color .3s,box-shadow .3s,background .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.circuit-component svg{display:block;flex:none;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.circuit-product{z-index:2;width:34.1667%;height:21.7391%;gap:8px;padding:13px 7px 16px;border-radius:13px;border-color:#62616d;background:linear-gradient(145deg,#2b2a31,#18171c);color:#e6e2f2;font-size:16px;line-height:20px;box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 0 5px rgba(0,0,0,.15),0 14px 28px rgba(0,0,0,.4)}
.circuit-product svg{width:25px;height:25px;color:#c2b2f6}
.circuit-core-indicator{position:absolute;bottom:9px;width:3px;height:3px;border-radius:50%;background:#9b8bcc;box-shadow:0 0 7px #a18aff}
.circuit-component:is(:hover,:focus-visible),.circuit-component.is-active{transform:translateY(-3px);border-color:#b2a1ed;color:#f1ecff;background:linear-gradient(145deg,#302b3d,#19161f);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 24px rgba(163,137,255,.12),0 8px 18px rgba(0,0,0,.35)}
.circuit-component:focus-visible{outline:2px solid #d8ccff;outline-offset:4px}
.circuit-component.is-related{border-color:#746b90;color:#d5cbea}
.has-circuit-focus .circuit-path:not(.is-connected) .circuit-trace{opacity:.25}
.has-circuit-focus .circuit-path:not(.is-connected) .circuit-pulse{opacity:0}
.has-circuit-focus .circuit-path.is-connected .circuit-trace{stroke:#9c8fbb}
.circuit-caption{max-width:350px;min-height:97px;margin:14px auto 0;text-align:center}
.circuit-caption strong{display:block;color:#d3cdda;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.1px}
.circuit-caption p{max-width:330px;margin:8px auto 0;color:#a5a3ad;font-size:13px;font-weight:300;line-height:21px;letter-spacing:.15px;text-wrap:pretty}
@media(max-width:1050px) and (min-width:901px){.circuit-component{font-size:11px;gap:4px}.circuit-product{font-size:13px}.circuit-component svg{width:18px;height:18px}}
@media(max-width:900px){.about-circuit{width:min(100%,420px);margin-top:8px}.circuit-caption{min-height:84px}}
@media(max-width:420px){.circuit-component{font-size:11px;line-height:13px;gap:4px;border-radius:7px;min-height:48px;padding:6px 3px}.circuit-component svg{width:17px;height:17px}.circuit-product{font-size:12px;line-height:15px;gap:5px;padding-bottom:13px;min-height:64px}.circuit-product svg{width:21px;height:21px}.circuit-core-indicator{bottom:6px}.circuit-caption{margin-top:22px;min-height:100px}}
@container(max-width:330px){.circuit-component{font-size:11px;line-height:13px;gap:4px;padding:6px 3px}.circuit-component svg{width:17px;height:17px}.circuit-component[data-circuit-node="review"]{min-height:60px}.circuit-product{min-height:76px;padding:6px 4px 12px;font-size:12px;line-height:15px;gap:5px}.circuit-product svg{width:21px;height:21px}.circuit-core-indicator{bottom:6px}}
@media(prefers-reduced-motion:reduce){.circuit-component,.circuit-trace,.circuit-pulse{transition:none}.circuit-component:is(:hover,:focus-visible),.circuit-component.is-active{transform:none}.circuit-pulse{display:none}}