.journey:where(.astro-w4wpyazi){padding:var(--focal-padding);border:1px solid var(--line);border-radius:var(--focal-radius);background:var(--focal-background);box-shadow:var(--focal-shadow);margin:0;position:relative}.motion-toggle:where(.astro-w4wpyazi){z-index:2;border:1px solid var(--line-strong);min-height:2.65rem;color:var(--text);background:color-mix(in srgb, var(--night) 86%, transparent);font:700 var(--type-compact)/1.25 var(--font-mono);letter-spacing:.04em;cursor:pointer;border-radius:.45rem;align-items:center;gap:.55rem;padding:.55rem .8rem;transition:color .16s,border-color .16s,background .16s;display:inline-flex;position:absolute;top:clamp(1.75rem,4vw,3rem);right:clamp(1.75rem,4vw,3rem)}.motion-toggle:where(.astro-w4wpyazi):hover{border-color:var(--amber);color:var(--amber)}.motion-toggle:where(.astro-w4wpyazi):focus-visible{outline:3px solid var(--amber);outline-offset:3px}.motion-toggle:where(.astro-w4wpyazi) svg:where(.astro-w4wpyazi){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.play-icon:where(.astro-w4wpyazi),:where(.astro-w4wpyazi)[data-paused] .pause-icon:where(.astro-w4wpyazi){display:none}:where(.astro-w4wpyazi)[data-paused] .play-icon:where(.astro-w4wpyazi){fill:currentColor;stroke:none;display:block}.journey-diagram:where(.astro-w4wpyazi){--night:#08150f;--panel:#102219;--panel-strong:#12251b;--glow:#d5ff5f;--amber:#ffbe55;--text:#f1f5df;--muted:#a8b6a4;--line:#a8b6a429;--line-strong:#a8b6a452;color:#f1f5df;pointer-events:all;background:#102219;border-radius:20px;width:100%;height:auto;display:block}.journey-diagram:where(.astro-w4wpyazi)>:where(.astro-w4wpyazi){pointer-events:none}.field:where(.astro-w4wpyazi){fill:color-mix(in srgb, var(--panel) 94%, transparent);stroke:var(--line)}.arc:where(.astro-w4wpyazi){fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-dasharray:3 8}.arc-segment:where(.astro-w4wpyazi){fill:none;stroke:var(--glow);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:url(#request-glow)}.segment-one:where(.astro-w4wpyazi){animation:6.4s linear infinite trace-one}.segment-two:where(.astro-w4wpyazi){animation:6.4s linear infinite trace-two}.segment-three:where(.astro-w4wpyazi){animation:6.4s linear infinite trace-three}.segment-four:where(.astro-w4wpyazi){animation:6.4s linear infinite trace-four}.return-path:where(.astro-w4wpyazi){stroke:color-mix(in srgb, var(--amber) 32%, var(--line-strong))}.return-pulse:where(.astro-w4wpyazi){stroke:var(--amber);stroke-width:3px;stroke-linecap:round;stroke-dasharray:90 820;opacity:0;animation:6.4s linear infinite return-flash}.waypoint:where(.astro-w4wpyazi) circle:where(.astro-w4wpyazi){fill:var(--panel-strong);stroke:var(--line-strong);stroke-width:2px}.waypoint-index:where(.astro-w4wpyazi){fill:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:12px}.waypoint-name:where(.astro-w4wpyazi){fill:var(--text);font-family:var(--font-sans);font-size:15px}.microvm:where(.astro-w4wpyazi) circle:where(.astro-w4wpyazi){stroke:var(--line-strong)}.microvm-halo:where(.astro-w4wpyazi){fill:color-mix(in srgb, var(--glow) 12%, transparent);opacity:0;filter:url(#request-glow)}.microvm-shell:where(.astro-w4wpyazi){fill:var(--panel-strong)}.microvm-core:where(.astro-w4wpyazi){fill:var(--field-muted,var(--muted));stroke:var(--night);stroke-width:3px}.microvm-state:where(.astro-w4wpyazi){animation:6.4s linear infinite microvm-startup}.client-shell:where(.astro-w4wpyazi){fill:var(--panel-strong);stroke:var(--line-strong);stroke-width:2px}.user-response-state:where(.astro-w4wpyazi){animation:6.4s linear infinite user-response}.client-screen:where(.astro-w4wpyazi){fill:color-mix(in srgb, var(--night) 72%, var(--panel));stroke:var(--muted);stroke-width:1.5px}.client-cursor:where(.astro-w4wpyazi),.client-signal:where(.astro-w4wpyazi){fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.client-signal:where(.astro-w4wpyazi){stroke:var(--glow);stroke-width:1.5px}.moving:where(.astro-w4wpyazi){fill:var(--glow);filter:url(#request-glow);animation:6.4s cubic-bezier(.18,.8,.18,1) infinite request-cycle}.response-static:where(.astro-w4wpyazi){fill:var(--amber);opacity:0}.readout-label:where(.astro-w4wpyazi),.shared-readout:where(.astro-w4wpyazi) text:where(.astro-w4wpyazi){fill:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.readout-value:where(.astro-w4wpyazi){fill:var(--text);font-family:var(--font-sans);font-size:14px}.shared-readout:where(.astro-w4wpyazi) text:where(.astro-w4wpyazi){letter-spacing:0}:where(.astro-w4wpyazi)[data-paused] .moving:where(.astro-w4wpyazi),:where(.astro-w4wpyazi)[data-paused] .path-pulse:where(.astro-w4wpyazi),:where(.astro-w4wpyazi)[data-paused] .return-pulse:where(.astro-w4wpyazi),:where(.astro-w4wpyazi)[data-paused] .microvm-state:where(.astro-w4wpyazi),:where(.astro-w4wpyazi)[data-paused] .user-response-state:where(.astro-w4wpyazi){animation-play-state:paused}@keyframes request-cycle{0%,7%{fill:var(--glow);transform:translate(0)}12%{transform:translate(80px,-24px)}18%,22%{transform:translate(160px)}27%{transform:translate(245px,-24px)}32%,36%{transform:translate(330px)}41%{transform:translate(415px,-24px)}46%,50%{transform:translate(500px)}55%{transform:translate(595px,-24px)}60%,79%{fill:var(--glow);transform:translate(690px)}82%{fill:var(--amber);transform:translate(540px,145px)}84%{fill:var(--amber);transform:translate(330px,145px)}87%{fill:var(--amber);transform:translate(0)}to{fill:var(--glow);transform:translate(0)}}@keyframes trace-one{0%{stroke-dashoffset:100px;opacity:.25}18%,79%{stroke-dashoffset:0;opacity:1}82%{opacity:.2}to{stroke-dashoffset:100px;opacity:.2}}@keyframes trace-two{0%,18%{stroke-dashoffset:100px;opacity:.25}32%,79%{stroke-dashoffset:0;opacity:1}82%,to{stroke-dashoffset:100px;opacity:.2}}@keyframes trace-three{0%,32%{stroke-dashoffset:100px;opacity:.25}46%,79%{stroke-dashoffset:0;opacity:1}82%,to{stroke-dashoffset:100px;opacity:.2}}@keyframes trace-four{0%,46%{stroke-dashoffset:100px;opacity:.25}60%,79%{stroke-dashoffset:0;opacity:1}82%,to{stroke-dashoffset:100px;opacity:.2}}@keyframes return-flash{0%,78%{stroke-dashoffset:0;opacity:0}80%{opacity:1}88%{stroke-dashoffset:-760px;opacity:1}91%,to{stroke-dashoffset:-820px;opacity:0}}@keyframes microvm-startup{0%,56%{fill:var(--panel-strong);stroke:var(--line-strong);opacity:.35}62%{fill:color-mix(in srgb, var(--glow) 32%, var(--panel-strong));stroke:var(--glow);opacity:.75}68%,79%{fill:var(--glow);stroke:var(--glow);opacity:1}83%,to{fill:var(--panel-strong);stroke:var(--line-strong);opacity:.25}}@keyframes user-response{0%,84%{stroke:var(--line-strong);opacity:1}87%,94%{stroke:var(--amber);opacity:1}to{stroke:var(--line-strong);opacity:1}}@media (width<=600px){.motion-toggle:where(.astro-w4wpyazi){min-height:2.4rem;padding:.45rem .65rem;top:1.25rem;right:1.25rem}.motion-toggle:where(.astro-w4wpyazi) span:where(.astro-w4wpyazi){clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.moving:where(.astro-w4wpyazi),.path-pulse:where(.astro-w4wpyazi),.return-pulse:where(.astro-w4wpyazi),.microvm-state:where(.astro-w4wpyazi),.user-response-state:where(.astro-w4wpyazi){animation:none}.moving:where(.astro-w4wpyazi){transform:translate(690px)}.microvm-halo:where(.astro-w4wpyazi){opacity:.45}.microvm-shell:where(.astro-w4wpyazi),.microvm-core:where(.astro-w4wpyazi){fill:var(--glow);stroke:var(--glow);opacity:1}.response-static:where(.astro-w4wpyazi){opacity:1}.motion-toggle:where(.astro-w4wpyazi){display:none}}
