.devices-figure{--gd-ground:var(--background);--gd-ink:var(--foreground);--gd-muted:var(--muted-foreground);--gd-mint:var(--primary);--gd-panel:var(--surface);--gd-panel2:var(--secondary);--gd-hair:var(--surface-border);--gd-line:var(--border);--gd-mint-ink:var(--primary-foreground);--gd-faint:color-mix(in oklch,var(--muted-foreground)70%,var(--background));--gd-glow:color-mix(in oklch,var(--primary)35%,transparent);--gd-mint-dim:color-mix(in oklch,var(--primary)14%,transparent)}.devices-figure .f-ink{fill:var(--gd-ink)}.devices-figure .f-muted{fill:var(--gd-muted)}.devices-figure .f-faint{fill:var(--gd-faint)}.devices-figure .f-mint{fill:var(--gd-mint)}.devices-figure .f-panel{fill:var(--gd-panel)}.devices-figure .f-panel2{fill:var(--gd-panel2)}.devices-figure .f-ground{fill:var(--gd-ground)}.devices-figure .f-none{fill:none}.devices-figure .s-mint{stroke:var(--gd-mint)}.devices-figure .s-hair{stroke:var(--gd-hair)}.devices-figure .s-line{stroke:var(--gd-line)}.devices-figure .s-muted{stroke:var(--gd-muted)}.devices-figure .s-faint{stroke:var(--gd-faint)}.devices-stage{background:radial-gradient(60% 60% at 62% 48%,color-mix(in oklch,var(--primary)10%,transparent),transparent 70%),var(--gd-ground);position:relative;overflow:hidden}.devices-stage:before{content:"";pointer-events:none;background-image:radial-gradient(color-mix(in oklch,var(--primary)9%,transparent)1px,transparent 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 60%,#000 40%,#0000 100%);mask-image:radial-gradient(60% 70% at 60%,#000 40%,#0000 100%)}.devices-figure .rise{opacity:0;transform-box:fill-box;animation:.7s cubic-bezier(.2,.7,.2,1) forwards gd-rise;transform:translateY(14px)}.devices-figure .d1{animation-delay:.15s}.devices-figure .d2{animation-delay:.3s}.devices-figure .d3{animation-delay:.45s}.devices-figure .d4{animation-delay:.6s}.devices-figure .d5{animation-delay:.75s}.devices-figure .draw{stroke-dasharray:700;stroke-dashoffset:700px;animation:1.1s forwards gd-draw}.devices-figure .draw.a{animation-delay:1s}.devices-figure .draw.b{animation-delay:1.3s}.devices-figure .fade{opacity:0;animation:.6s forwards gd-fadein}.devices-figure .fade.a{animation-delay:1.5s}.devices-figure .fade.b{animation-delay:2s}.devices-figure .fade.c{animation-delay:2.4s}.devices-figure .fade.d{animation-delay:2.8s}.devices-figure .reach{filter:drop-shadow(0 0 10px var(--gd-glow));animation:3.2s ease-in-out 2.4s infinite alternate gd-glow}.devices-figure .march{stroke-dasharray:5 5;animation:1.1s linear infinite gd-march}.devices-figure .led{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite gd-breathe}@keyframes gd-rise{to{opacity:1;transform:none}}@keyframes gd-draw{to{stroke-dashoffset:0}}@keyframes gd-fadein{to{opacity:1}}@keyframes gd-glow{0%{filter:drop-shadow(0 0 6px var(--gd-glow))}to{filter:drop-shadow(0 0 16px var(--gd-glow))}}@keyframes gd-march{to{stroke-dashoffset:-20px}}@keyframes gd-breathe{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}.devices-console{background:var(--gd-panel);border:1px solid var(--gd-hair);box-shadow:0 0 40px color-mix(in oklch,var(--primary)10%,transparent),inset 0 0 60px color-mix(in oklch,var(--background)55%,transparent);position:relative}.devices-console:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,color-mix(in oklch,var(--background)45%,transparent)0 1px,transparent 1px 3px);position:absolute;inset:0}.devices-console .line{opacity:0;animation:10ms linear forwards gd-fadein}.devices-console .l1{animation-delay:.3s}.devices-console .l2{animation-delay:.5s}.devices-console .l3{animation-delay:.7s}.devices-console .l4{animation-delay:.9s}.devices-console .l5{animation-delay:1.1s}.devices-console .l6{animation-delay:1.3s}.devices-console .moved{opacity:0;animation:.5s cubic-bezier(.2,.7,.2,1) 2s both gd-moved;transform:translateY(58px)}.devices-console .tag{opacity:0;animation:.4s 2.9s forwards gd-fadein}.devices-console .hud{opacity:0;animation:.5s 3.4s forwards gd-fadein}.devices-console .apply{animation:1.6s ease-in-out 3.2s infinite gd-applyglow}.devices-console .cursor{background:var(--gd-mint);vertical-align:-2px;width:8px;height:15px;margin-left:2px;animation:1s steps(2,start) infinite gd-blink;display:inline-block}@keyframes gd-moved{to{opacity:1;transform:none}}@keyframes gd-applyglow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in oklch,var(--primary)25%,transparent),0 0 18px var(--gd-glow)}}@keyframes gd-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.devices-figure .rise,.devices-figure .fade,.devices-console .line,.devices-console .tag,.devices-console .hud{opacity:1;animation:none;transform:none}.devices-figure .draw{stroke-dashoffset:0;animation:none}.devices-figure .reach,.devices-figure .march,.devices-figure .led,.devices-console .apply,.devices-console .cursor{animation:none}.devices-console .moved{opacity:1;animation:none;transform:none}}