/* Decorative circuitry stays behind the existing homepage layout and controls. */
.boutique-home-hero{isolation:isolate}
.hero-circuit{position:absolute;inset:-20px -60px -20px;z-index:-1;pointer-events:none;overflow:hidden;opacity:.84;mask-image:linear-gradient(90deg,transparent 7%,#0005 36%,#000 65%),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 7%,#0005 36%,#000 65%),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);-webkit-mask-composite:source-in}
.hero-circuit svg{width:100%;height:100%;display:block}
.circuit-traces{opacity:.34}
.circuit-nodes{opacity:.45}
.circuit-pulses{opacity:.8;stroke:#248cff;filter:drop-shadow(0 0 4px #167bff99)}
.circuit-pulse{stroke-dasharray:38 962;animation:circuit-travel 14s linear infinite;stroke-dashoffset:1000}
.circuit-pulse:nth-child(2){animation-duration:17s;animation-delay:-9s;opacity:.65}
.circuit-pulse:nth-child(3){animation-duration:13s;animation-delay:-6s}
.circuit-pulse:nth-child(4){animation-duration:16s;animation-delay:-12s;opacity:.7}
.circuit-pulse:nth-child(5){animation-duration:18s;animation-delay:-8s}
.circuit-pulse:nth-child(6){animation-duration:15s;animation-delay:-3s;opacity:.7}
.circuit-pulse:nth-child(7){animation-duration:19s;animation-delay:-15s;opacity:.5}
@keyframes circuit-travel{to{stroke-dashoffset:0}}
@media(max-width:1050px){.hero-circuit{inset:0 -30px;opacity:.7}}
@media(max-width:760px){.hero-circuit{inset:12% -140px 0 -220px;opacity:.5;mask-image:linear-gradient(180deg,transparent,#0003 26%,#000 60%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#0003 26%,#000 60%,transparent)}.circuit-pulse:nth-child(n+5){display:none}.circuit-pulses{filter:none}}

/* The full-screen circuit layer belongs to the modal, underneath the actual device. */
.page-index.blue-devices dialog.device-dialog::backdrop,
.page-index.blue-devices dialog.device-dialog.device-closing::backdrop{background:#02060d;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
.device-circuit{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:1;animation:device-circuit-in .65s ease both}
.device-circuit svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.device-circuit svg:nth-child(2){transform:rotate(180deg);opacity:.55}
.device-circuit .circuit-traces{opacity:.65;stroke:#185c9d;stroke-width:1.2}
.device-circuit .circuit-nodes{opacity:.8;fill:#207dce}
.device-circuit .circuit-pulses{stroke:#0785ff;opacity:1;stroke-width:2.8;filter:drop-shadow(0 0 5px #0785ff) drop-shadow(0 0 12px #006cff80)}
.device-circuit .circuit-pulse{stroke-dasharray:52 948}
.page-index .device-stage{position:relative;z-index:2}
.device-dialog.device-closing .device-circuit{animation:device-circuit-out .42s ease both}
@keyframes device-circuit-in{from{opacity:0}to{opacity:1}}
@keyframes device-circuit-out{to{opacity:0}}
@media(max-width:760px){.device-circuit .circuit-pulses{filter:drop-shadow(0 0 5px #0785ff);stroke-width:2.3}.device-circuit svg:nth-child(2){opacity:.45}}
@media(prefers-reduced-motion:reduce){.circuit-pulse{animation:none;stroke-dasharray:none;stroke-opacity:.06}.circuit-pulses{filter:none}.device-circuit,.device-dialog.device-closing .device-circuit{animation:none}.device-circuit .circuit-pulses{filter:none}.device-circuit .circuit-pulse{stroke-dasharray:none;stroke-opacity:.13}}