.gateway-stage{background:var(--color-background);min-height:100svh;position:relative;overflow:clip}.gateway-shell{isolation:isolate;place-items:center;width:min(100%,1920px);min-height:100svh;margin-inline:auto;display:grid;position:relative;container-type:size}.gateway-chrome{inset-block:0;z-index:30;pointer-events:none;width:100vw;position:absolute;left:50%;transform:translate(-50%)}.gateway-brand{z-index:30;pointer-events:auto;flex-direction:column;gap:6px;display:flex;position:absolute;top:4.5cqb;left:clamp(24px,758.4px - 34vw,5.5vw)}.gateway-logo{min-height:44px;font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-foreground);align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.gateway-status{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-muted);margin:0;font-size:11px}.gateway-status-dot{color:var(--color-status);animation:4.2s ease-in-out infinite gateway-status-breathe}@keyframes gateway-status-breathe{0%,60%,to{opacity:1}80%{opacity:.45}}.gateway-logo:focus-visible{outline:1px solid var(--color-signal);outline-offset:3px}.gateway-nav{z-index:20;position:relative}.gateway-menu{flex-direction:column;align-items:center;gap:clamp(20px,3.4cqb,34px);width:max-content;margin:0;padding:0;list-style:none;display:flex}.gateway-menu-item{margin:0}.gateway-link{min-height:44px;font-family:var(--font-mono);font-size:var(--text-project);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--color-foreground) 52%, var(--color-background));text-shadow:0 0 6px color-mix(in srgb, var(--color-foreground) 12%, transparent), 0 0 18px color-mix(in srgb, var(--color-signal) 4%, transparent);padding:8px 0;font-weight:500;line-height:1.08;text-decoration:none;transition:color .18s ease-out,text-shadow .18s ease-out;display:inline-block;position:relative}.gateway-link[data-destination=hardware]{color:color-mix(in srgb, var(--color-foreground) 88%, var(--color-background));text-shadow:0 0 8px color-mix(in srgb, var(--color-foreground) 30%, transparent), 0 0 24px color-mix(in srgb, var(--color-signal) 12%, transparent)}.gateway-link[data-destination=hardware]:before{content:"";border:1px solid var(--color-signal);opacity:.52;width:4px;height:4px;box-shadow:0 0 5px color-mix(in srgb, var(--color-signal) 40%, transparent);border-radius:50%;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.gateway-link:after{content:"";opacity:0;transform-origin:50%;background:currentColor;height:1px;transition:opacity .16s ease-out,transform .22s ease-out;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(.35)}.gateway-link:is(:hover,:focus-visible){color:var(--color-foreground);text-shadow:0 0 9px color-mix(in srgb, var(--color-foreground) 42%, transparent), 0 0 28px color-mix(in srgb, var(--color-signal) 20%, transparent)}.gateway-link:is(:hover,:focus-visible):after{opacity:.78;transform:scaleX(1)}.gateway-link:focus-visible{outline:1px solid var(--color-signal);outline-offset:6px}.gateway-link[data-destination=hardware]:after{background:var(--color-signal);width:40px;left:50%;right:auto;transform:translate(-50%)scaleX(.35)}.gateway-shell[data-hardware-active] .gateway-link[data-destination=hardware]{color:var(--color-foreground);text-shadow:0 0 10px color-mix(in srgb, var(--color-foreground) 46%, transparent), 0 0 28px color-mix(in srgb, var(--color-signal) 22%, transparent)}.gateway-shell[data-hardware-active] .gateway-link[data-destination=hardware]:after{opacity:.86;transform:translate(-50%)scaleX(1)}.gateway-shell[data-hardware-active] .gateway-link:not([data-destination=hardware]):not(:focus-visible){color:color-mix(in srgb, var(--color-foreground) 50%, var(--color-background));text-shadow:0 0 6px color-mix(in srgb, var(--color-foreground) 10%, transparent), 0 0 18px color-mix(in srgb, var(--color-signal) 3%, transparent)}.gateway-circuit{z-index:10;pointer-events:none;opacity:0;shape-rendering:geometricprecision;width:100%;height:100%;transition:opacity .15s ease-out;position:absolute;inset:0;overflow:visible}.gateway-shell[data-circuit] .gateway-circuit{opacity:1}.gateway-trace{fill:none;stroke:color-mix(in srgb, var(--color-signal) 58%, var(--color-trace));stroke-width:1.35px;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1px;vector-effect:non-scaling-stroke;opacity:0}.gateway-trace[data-net=power]{stroke:color-mix(in srgb, var(--color-signal) 78%, var(--color-foreground));stroke-width:1.7px}.gateway-package{opacity:0;transform-box:fill-box;transform-origin:50%}.gateway-chip-body{fill:color-mix(in srgb, var(--color-background) 96%, var(--color-raised))}.gateway-chip-outline{fill:none;stroke:color-mix(in srgb, var(--color-foreground) 68%, var(--color-trace));stroke-width:1.4px;vector-effect:non-scaling-stroke}.gateway-pin{fill:color-mix(in srgb, var(--color-signal) 62%, var(--color-foreground));opacity:0;transform-box:fill-box;transform-origin:50%}.gateway-pin-one{fill:none;stroke:var(--color-signal);stroke-width:1.2px;opacity:0;vector-effect:non-scaling-stroke}.gateway-package-ref,.gateway-package-name,.gateway-component-label{font-family:var(--font-mono);letter-spacing:.12em;fill:color-mix(in srgb, var(--color-foreground) 38%, var(--color-background))}.gateway-package-ref,.gateway-package-name{opacity:0;font-size:10px}.gateway-component{opacity:0}.gateway-component-pad{fill:color-mix(in srgb, var(--color-signal) 82%, var(--color-foreground))}.gateway-component-body{fill:var(--color-raised);stroke:color-mix(in srgb, var(--color-foreground) 42%, var(--color-trace));stroke-width:1px;vector-effect:non-scaling-stroke}.gateway-component-label{font-size:8px}.gateway-test-ring{fill:none;stroke:color-mix(in srgb, var(--color-signal) 72%, var(--color-trace));stroke-width:2px;vector-effect:non-scaling-stroke}.gateway-test-core,.gateway-via{fill:var(--color-background);stroke:color-mix(in srgb, var(--color-signal) 68%, var(--color-trace));stroke-width:1.5px;vector-effect:non-scaling-stroke}.gateway-shell[data-circuit] .gateway-package{animation:.23s ease-out both gateway-package-online}.gateway-shell[data-circuit] .gateway-pin{animation:gateway-pin-online .15s ease-out calc(40ms + var(--pin-i) * 7ms) both}.gateway-shell[data-circuit] :is(.gateway-pin-one,.gateway-package-ref,.gateway-package-name){animation:.22s ease-out .19s both gateway-component-online}.gateway-shell[data-circuit] .gateway-trace{animation:gateway-trace-draw var(--trace-duration) cubic-bezier(.45, 0, .2, 1) var(--trace-delay) both}.gateway-shell[data-circuit] .gateway-component{animation:gateway-component-online .22s ease-out var(--component-delay) both}@keyframes gateway-package-online{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes gateway-pin-online{0%{opacity:0;transform:scaleX(.25)}to{opacity:1;transform:scaleX(1)}}@keyframes gateway-trace-draw{0%{opacity:0;stroke-dashoffset:1px}8%{opacity:.78}to{opacity:.78;stroke-dashoffset:0}}@keyframes gateway-component-online{0%{opacity:0}to{opacity:1}}@media not (min-width:768px){.gateway-brand{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left))}.gateway-menu{gap:clamp(18px,3svh,26px)}.gateway-circuit{opacity:.26}.gateway-trace{opacity:.34;stroke-dashoffset:0}.gateway-package,.gateway-pin,.gateway-pin-one,.gateway-package-ref,.gateway-package-name,.gateway-component{opacity:.28}}@media not (min-height:620px){.gateway-menu{gap:16px}}@media (prefers-reduced-motion:reduce){.gateway-status-dot{animation:none}.gateway-link,.gateway-link:after,.gateway-circuit{transition-duration:.01ms}.gateway-shell[data-circuit] .gateway-package,.gateway-shell[data-circuit] .gateway-pin,.gateway-shell[data-circuit] :is(.gateway-pin-one,.gateway-package-ref,.gateway-package-name),.gateway-shell[data-circuit] .gateway-component{opacity:1;animation:none}.gateway-shell[data-circuit] :is(.gateway-package,.gateway-pin){transform:none}.gateway-shell[data-circuit] .gateway-trace{opacity:.78;stroke-dashoffset:0;animation:none}}