.trace-rail,.trace-rail-h{background:linear-gradient(var(--copper), var(--flux));border-radius:2px;position:absolute}.trace-rail{transform-origin:top;width:2px;top:1rem;bottom:1rem;left:15px}.trace-rail-h{background:linear-gradient(90deg, var(--copper), var(--flux));transform-origin:0;height:2px;top:15px;left:1rem;right:1rem}.pad{border:2px solid var(--copper-deep);background:var(--copper-deep);width:2rem;height:2rem;color:var(--paper);font-family:var(--font-mono), ui-monospace, monospace;box-shadow:0 0 0 4px var(--paper), 0 6px 10px -4px #121a2059;border-radius:9999px;place-items:center;font-size:.8rem;font-weight:500;display:grid}.trace-scope[data-state=armed] .trace-rail{transform:scaleY(0)}.trace-scope[data-state=armed] .trace-rail-h{transform:scaleX(0)}.trace-scope[data-state=armed] .pad{background:var(--paper);color:var(--copper-deep);transform:scale(.8)}.trace-scope[data-state=in] .trace-rail,.trace-scope[data-state=in] .trace-rail-h{transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.trace-scope[data-state=in] .pad{transition:background-color .32s ease-out,color .32s ease-out,transform .52s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * .24s + .2s)}.trace-scope[data-state=in] .trace-step{animation:.7s cubic-bezier(.16,1,.3,1) both step-in;animation-delay:calc(var(--i,0) * .24s + .25s)}.trace-scope[data-state=armed] .trace-step{opacity:0}@keyframes step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-pad{align-items:center;display:inline-flex}.btn-pad__face{--chamfer:.7rem;background:var(--copper-deep);color:var(--paper);letter-spacing:.02em;clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));align-items:center;padding:.85rem 1.6rem .85rem 1.5rem;font-size:.95rem;font-weight:700;transition:background-color .2s ease-out,transform .12s ease-out;display:inline-flex}.btn-pad__trace{background:var(--copper);width:.5rem;height:2px;transition:width .42s cubic-bezier(.16,1,.3,1);display:block;position:relative}.btn-pad__trace:after{content:"";border:2px solid var(--copper);background:var(--paper);border-radius:9999px;width:10px;height:10px;transition:background-color .2s ease-out;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.btn-pad:hover .btn-pad__face,.btn-pad:focus-visible .btn-pad__face{background:var(--copper)}.btn-pad:hover .btn-pad__trace,.btn-pad:focus-visible .btn-pad__trace{width:3.25rem}.btn-pad:hover .btn-pad__trace:after,.btn-pad:focus-visible .btn-pad__trace:after{background:var(--copper)}.btn-pad:active .btn-pad__face{background:var(--copper-deep);transform:translateY(1px)}.btn-pad:focus-visible{outline:2px solid var(--flux);outline-offset:6px}.dip{grid-template-columns:repeat(var(--n,3), 1fr);background:var(--ink);border-radius:6px;padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000073}.dip__thumb{width:calc((100% - 8px) / var(--n,3));background:linear-gradient(var(--copper), var(--copper-deep));border-radius:3px;transition:transform .34s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 4px #0006}.dip__tab{z-index:1;color:color-mix(in oklab, var(--paper) 62%, transparent);padding:.6rem .25rem;font-size:.78rem;font-weight:600;transition:color .2s ease-out;position:relative}.dip__tab[aria-selected=true],.dip__tab:hover{color:var(--paper)}.dip__tab:focus-visible{outline:2px solid var(--paper);outline-offset:-4px;border-radius:3px}.pinout-row{border-bottom:1px solid var(--line-strong);grid-template-columns:1.25rem minmax(0,12rem) minmax(0,1fr);align-items:baseline;column-gap:1rem;padding:1rem 0;display:grid}.pinout-row__pad{border:2px solid var(--copper-deep);background:0 0;border-radius:9999px;width:.7rem;height:.7rem;transition:background-color .2s ease-out;transform:translateY(1px)}.pinout-row__name{transition:transform .26s cubic-bezier(.16,1,.3,1)}.pinout-row:hover .pinout-row__pad{background:var(--copper-deep)}.pinout-row:hover .pinout-row__name{transform:translate(4px)}@media (max-width:640px){.pinout-row{grid-template-columns:1.25rem minmax(0,1fr)}.pinout-row dd{grid-column:2}}.board-panel{background:var(--ink);color:var(--paper);border-radius:6px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 18px 30px -18px #121a208c}.board-panel__hole{background:var(--paper-deep);border-radius:9999px;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 2px #00000080}@media (prefers-reduced-motion:reduce){.trace-scope *,.btn-pad__face,.btn-pad__trace,.dip__thumb,.pinout-row__name{transition:none!important;animation:none!important}}.site-nav{z-index:50;background:color-mix(in oklab, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-strong);transition:transform .42s cubic-bezier(.16,1,.3,1);position:fixed;inset:0 0 auto;transform:translateY(-100%)}.site-nav[data-visible=true]{transform:translateY(0)}.site-nav__link{color:var(--ink-soft);padding:.35rem 0;font-size:.9rem;font-weight:600;transition:color .2s ease-out;position:relative}.site-nav__link:after{content:"";background:var(--copper);transform-origin:0;height:2px;transition:transform .36s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-nav__link:hover,.site-nav__link[aria-current=true]{color:var(--copper-deep)}.site-nav__link:hover:after,.site-nav__link[aria-current=true]:after{transform:scaleX(1)}.site-nav a:focus-visible{outline:2px solid var(--flux);outline-offset:4px}@media (prefers-reduced-motion:reduce){.site-nav,.site-nav__link,.site-nav__link:after{transition:none!important}}.parallax-far{transform:translate3d(calc(var(--px,0) * -6px), calc(var(--py,0) * -4px), 0)}.parallax-mid{transform:translate3d(calc(var(--px,0) * -16px), calc(var(--py,0) * -10px), 0)}.parallax-near{transform:translate3d(calc(var(--px,0) * -30px), calc(var(--py,0) * -18px), 0)}.hero-glow{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--copper) 22%, transparent), transparent 70%);transition:opacity .5s ease-out;position:absolute;inset:0}[data-active=true]>.hero-glow{opacity:1}.magnetic{margin:-1.25rem;padding:1.25rem;transition:transform .32s cubic-bezier(.16,1,.3,1);display:inline-flex}@media (prefers-reduced-motion:no-preference){.signal{stroke-dasharray:40 960;stroke-dashoffset:40px;opacity:0;animation:5.2s cubic-bezier(.45,0,.25,1) 2.4s infinite signal-run}.signal-2{animation-duration:6.6s;animation-delay:3.6s}@keyframes signal-run{0%{stroke-dashoffset:40px;opacity:0}8%{opacity:1}70%{opacity:1}to{stroke-dashoffset:-1000px;opacity:0}}.idle-float{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite alternate idle-float}@keyframes idle-float{0%{transform:translateY(-5px)}to{transform:translateY(6px)}}.breathe{transform-box:fill-box;transform-origin:50%;animation:4.8s ease-in-out infinite alternate breathe}@keyframes breathe{0%{transform:scale(.94)}to{transform:scale(1.07)}}.trace-rail,.trace-rail-h{overflow:hidden}.trace-rail:after,.trace-rail-h:after{content:"";animation:3.8s linear 2.6s infinite rail-run;position:absolute}.trace-rail:after{background:linear-gradient(#0000,#ffe9d7f2,#0000);height:24%;top:0;left:-1px;right:-1px}.trace-rail-h:after{background:linear-gradient(90deg,#0000,#ffe9d7f2,#0000);width:24%;animation-name:rail-run-h;top:-1px;bottom:-1px;left:0}.trace-scope[data-state=armed] .trace-rail:after,.trace-scope[data-state=armed] .trace-rail-h:after{opacity:0;animation:none}@keyframes rail-run{0%{transform:translateY(-100%)}to{transform:translateY(420%)}}@keyframes rail-run-h{0%{transform:translate(-100%)}to{transform:translate(420%)}}.pad:after{content:"";border-radius:inherit;border:2px solid var(--copper);opacity:0;animation:4.2s ease-out infinite pad-ping;animation-delay:calc(var(--i,0) * .7s + 2.8s);position:absolute;inset:-2px}.trace-scope[data-state=armed] .pad:after{animation:none}@keyframes pad-ping{0%{opacity:.7;transform:scale(1)}55%,to{opacity:0;transform:scale(1.9)}}.btn-pad__trace:after{animation:2.6s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.3)}}.tab-panel>*{animation:.46s cubic-bezier(.16,1,.3,1) both tab-in}.tab-panel>:first-child{animation-delay:0s}.tab-panel>:nth-child(2){animation-delay:50ms}.tab-panel>:nth-child(3){animation-delay:.1s}.tab-panel>:nth-child(4){animation-delay:.15s}.tab-panel>:nth-child(5){animation-delay:.2s}.tab-panel>:nth-child(n+6){animation-delay:.25s}.tab-step{animation:.42s cubic-bezier(.16,1,.3,1) both tab-step-in;animation-delay:calc(var(--i,0) * 45ms + .16s)}@keyframes tab-in{0%{opacity:0;transform:translateX(calc(var(--dir,1) * 22px))}to{opacity:1;transform:translate(0)}}@keyframes tab-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}