@layer components{:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case){--tone:var(--color-fg-dim)}:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case)[data-tone=ai]{--tone:var(--color-ai)}:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case)[data-tone=infrastructure]{--tone:var(--color-data)}:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case)[data-tone=blockchain]{--tone:var(--color-tx)}:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case)[data-tone=developer-tools]{--tone:var(--color-ok)}:where(.px-region,.px-region-head,.px-node,.px-card,.px-chip,.px-row,.px-case)[data-tone=product]{--tone:var(--color-warm)}.px-page{--px-ink-soft:color-mix(in srgb, var(--color-fg) 55%, transparent);--px-ink-faint:color-mix(in srgb, var(--color-fg) 32%, transparent);--px-paper-grid:linear-gradient(to right, color-mix(in srgb, var(--color-line-strong) 62%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-line-strong) 62%, transparent) 1px, transparent 1px), linear-gradient(to right, color-mix(in srgb, var(--color-line) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-line) 70%, transparent) 1px, transparent 1px);--px-paper-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;position:relative}html:not([data-motion]) .px-js-only{display:none!important}.px-section-head{border-bottom:1px solid var(--color-fg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;padding-bottom:1.5rem;display:flex}.px-hero{padding-top:calc(var(--header-h) + clamp(2.25rem, 5vw, 4.5rem));border-bottom:1px solid var(--color-fg);padding-bottom:clamp(2.5rem,5vw,4rem);position:relative;overflow:clip}.px-hero-paper{pointer-events:none;background-image:var(--px-paper-grid);background-size:var(--px-paper-size);opacity:.85;background-position:-1px -1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 92%);mask-image:linear-gradient(#000 0% 35%,#0000 92%)}.px-hero-request{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;display:flex}.px-hero-wire{background:var(--color-fg);width:2.5rem;height:1px}.px-hero-title{max-width:12ch;font-size:clamp(3.25rem,1.1rem + 6.2vw,8rem);line-height:var(--text-display-xl--line-height);letter-spacing:var(--text-display-xl--letter-spacing);margin-top:clamp(1.5rem,3vw,2.25rem)}.px-hero-grid{grid-template-columns:minmax(0,1fr);display:grid}.px-hero-lede{margin-top:clamp(1.75rem,3.5vw,2.5rem)}.px-titleblock{margin-top:2.5rem}@media (min-width:1024px){.px-hero-grid{grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"req req""title block""lede block";column-gap:4rem}.px-hero-request{grid-area:req}.px-hero-title{grid-area:title}.px-hero-lede{grid-area:lede}.px-titleblock{grid-area:block;align-self:end;margin-top:0}}.px-titleblock{background:var(--color-void);border:1px solid var(--color-fg);box-shadow:6px 6px 0 0 color-mix(in srgb, var(--color-fg) 8%, transparent)}.px-titleblock-head{border-bottom:1px solid var(--color-fg);font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg);justify-content:space-between;gap:1rem;padding:.55rem .85rem;display:flex}.px-titleblock dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.px-titleblock dl>div{border-bottom:1px solid var(--color-line-strong);padding:.7rem .85rem .8rem}.px-titleblock dl>div:nth-last-child(-n+2){border-bottom:0}.px-titleblock dl>div:nth-child(odd){border-right:1px solid var(--color-line-strong)}.px-titleblock dt{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim)}.px-titleblock dd{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-fg);margin-top:.3rem;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1}.px-span{border-top:1px solid var(--color-line-strong);padding:.75rem .85rem .85rem}.px-span-caption{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.px-span-value{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--color-fg);font-variant-numeric:tabular-nums;margin-left:.5rem;font-size:1.05rem}.px-span-key{align-items:center;gap:.4rem;font-size:.625rem;display:inline-flex}.px-span-key i+i{margin-left:.5rem}.px-span-key i,.px-span-marks i{border:1px solid var(--color-fg);background:var(--color-void);width:8px;height:8px;display:block}.px-span-key i[data-featured],.px-span-marks i[data-featured]{background:var(--color-fg)}.px-span-axis{border-inline:1px solid var(--color-fg);margin-top:.9rem;display:flex;position:relative}.px-span-axis:before{content:"";background:var(--color-fg);transform-origin:0;height:1px;position:absolute;bottom:1.45rem;left:0;right:0}.px-span-axis li{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;display:flex;position:relative}.px-span-axis li:after{content:"";background:var(--color-fg);width:1px;height:7px;position:absolute;bottom:calc(1.45rem - 3px);left:50%}.px-span-marks{flex-flow:column-reverse wrap;align-content:center;gap:2px;width:100%;max-height:80px;padding-bottom:.5rem;display:flex}.px-span-year{height:1.45rem;font:500 .625rem/1 var(--font-mono);letter-spacing:.04em;color:var(--color-fg);font-variant-numeric:tabular-nums;padding-top:.4rem}.px-span-year:not([data-label]) .px-span-year-text{visibility:hidden}.px-span-axis li[data-empty] .px-span-year{color:var(--color-fg-dim)}.px-systems{padding-block:clamp(3rem,6vw,5rem) clamp(4rem,8vw,7rem)}.px-index-head{border-bottom:1px solid var(--color-fg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;padding-bottom:1.5rem;display:flex}.px-view-toggle{background:var(--color-void);border:1px solid var(--color-fg);border-radius:var(--radius-xs);gap:3px;padding:3px;display:inline-flex}.px-view-btn{min-height:38px;font:500 var(--text-micro) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease;border-radius:1px;align-items:center;gap:.5rem;padding:0 .9rem;display:inline-flex}.px-view-btn:hover{color:var(--color-fg)}.px-view-btn[aria-pressed=true]{background:var(--color-fg);color:var(--color-void)}.px-toolbar{gap:.9rem;margin-top:1.5rem;display:grid}@media (min-width:1024px){.px-toolbar{grid-template-columns:20rem minmax(0,1fr);align-items:start;column-gap:2.5rem}}.px-search{background:var(--color-void);border:1px solid var(--color-fg-dim);border-radius:var(--radius-xs);min-height:44px;transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;align-items:center;gap:.6rem;padding:0 .3rem 0 .85rem;display:flex}.px-search:hover{border-color:var(--color-fg)}.px-search:focus-within{border-color:var(--color-fg);box-shadow:4px 4px 0 0 color-mix(in srgb, var(--color-fg) 10%, transparent);outline:2px solid var(--color-signal);outline-offset:2px}.px-search input{min-width:0;min-height:42px;font:400 .95rem/1.4 var(--font-sans);color:var(--color-fg);background:0 0;border:0;flex:1}.px-search input:focus,.px-search input:focus-visible{outline:none}.px-search input::placeholder{color:var(--color-fg-dim)}.px-search input::-webkit-search-cancel-button{display:none}.px-search-clear{width:36px;height:36px;color:var(--color-fg-muted);border-radius:var(--radius-xs);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.px-search-clear:hover{color:var(--color-fg);background:var(--color-surface)}.px-facets{gap:.6rem;display:grid}.px-facet{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.px-facet-label{width:100%;font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim)}@media (min-width:640px){.px-facet-label{flex-shrink:0;width:5.5rem}}.px-chip{min-height:34px;font:500 var(--text-micro) / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-fg-muted);background:var(--color-void);border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);cursor:pointer;transition:border-color var(--dur-fast) ease, color var(--dur-fast) ease, background-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-spring);align-items:center;gap:.45rem;padding:0 .65rem;display:inline-flex}.px-chip:hover{color:var(--color-fg);border-color:var(--color-fg-dim)}.px-chip:active{transform:scale(.97)}.px-chip[aria-pressed=true]{color:var(--color-void);background:var(--color-fg);border-color:var(--color-fg)}.px-chip-count{color:var(--color-fg-dim);font-variant-numeric:tabular-nums}.px-chip[aria-pressed=true] .px-chip-count{color:color-mix(in srgb, var(--color-void) 70%, transparent)}@media (pointer:coarse){.px-chip,.px-view-btn{min-height:44px}.px-search-clear{width:44px;height:44px}}.px-status{min-height:2.75rem;font:500 var(--text-micro) / 1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;margin-top:1rem;display:flex}.px-status strong{color:var(--color-fg);font-weight:600}.px-status-filters{color:var(--color-fg-muted);text-transform:none;letter-spacing:.02em}.px-reset{min-height:36px;font:500 var(--text-micro) / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:.35em;cursor:pointer;align-items:center;gap:.4rem;padding:0 .15rem;display:inline-flex}.px-reset:hover{-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}@media (pointer:coarse){.px-reset{min-height:44px}}.px-map-wrap,.px-hint-map{display:none}html[data-motion] .px-explorer[data-view=map] .px-map-wrap{display:block}html[data-motion] .px-explorer[data-view=map] .px-list,html[data-motion] .px-explorer[data-view=map] .px-hint-list{display:none}html[data-motion] .px-explorer[data-view=map] .px-hint-map{display:inline}@media (min-width:768px){html[data-motion] .px-explorer[data-view=auto] .px-map-wrap{display:block}html[data-motion] .px-explorer[data-view=auto] .px-list,html[data-motion] .px-explorer[data-view=auto] .px-hint-list{display:none}html[data-motion] .px-explorer[data-view=auto] .px-hint-map{display:inline}}.px-empty{text-align:center;border:1px solid var(--color-fg);background-color:var(--color-void);background-image:var(--px-paper-grid);background-size:var(--px-paper-size);margin-top:.5rem;padding:clamp(3rem,8vw,5.5rem) 1.5rem}.px-empty-stamp{border:1.5px solid var(--color-fg);font:600 .75rem/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--color-fg);background:var(--color-void);padding:.4rem .8rem;display:inline-block;transform:rotate(-3deg)}.px-empty-title{max-width:30ch;font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--text-h3--line-height);letter-spacing:var(--text-h3--letter-spacing);color:var(--color-fg);text-wrap:balance;margin:1.75rem auto 0}.px-empty-hint{font-size:var(--text-small);color:var(--color-fg-muted);margin-top:.6rem}.px-sheet{--px-card-w:19.5rem;--px-ruler:1.75rem;--px-pad-x:1.75rem;--px-pad-top:2.25rem;--px-pad-bottom:2.5rem;background:var(--color-void);border:1px solid var(--color-fg);box-shadow:0 0 0 5px var(--color-void), 0 0 0 6px var(--color-fg);margin-top:.75rem;position:relative}.px-sheet-head,.px-sheet-foot{font:500 var(--text-micro) / 1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.6rem 1rem;display:flex}.px-sheet-head{border-bottom:1px solid var(--color-fg)}.px-sheet-foot{border-top:1px solid var(--color-fg)}.px-sheet-title{gap:.6rem;display:flex}.px-sheet-count{font-variant-numeric:tabular-nums}.px-ruler-x{height:1.6rem;margin-left:calc(var(--px-ruler) + var(--px-pad-x));margin-right:var(--px-pad-x);font:500 .625rem/1 var(--font-mono);color:var(--color-fg-dim);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.px-ruler-x li,.px-ruler-y li{transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;justify-content:center;align-items:center;display:flex}.px-ruler-x li{border-left:1px solid var(--color-line-strong)}.px-ruler-x li:last-child{border-right:1px solid var(--color-line-strong)}.px-ruler-x li[data-on],.px-ruler-y li[data-on]{color:var(--color-signal);background:color-mix(in srgb, var(--color-accent) 10%, transparent)}.px-sheet-body{grid-template-columns:var(--px-ruler) minmax(0, 1fr);background-image:var(--px-paper-grid);background-size:var(--px-paper-size);border-top:1px solid var(--color-line-strong);background-position:-1px -1px;display:grid}.px-ruler-y{margin-top:var(--px-pad-top);font:500 .625rem/1 var(--font-mono);color:var(--color-fg-dim);border-right:1px solid var(--color-line-strong);transition:height var(--dur-enter) var(--ease-out-quart);position:relative}.px-ruler-y li{border-top:1px solid var(--color-line-strong);background:var(--color-void);position:absolute;left:0;right:0}.px-map{min-height:9rem;margin:var(--px-pad-top) var(--px-pad-x) var(--px-pad-bottom);transition:height var(--dur-enter) var(--ease-out-quart);position:relative}.px-map-lines{z-index:1;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:visible}.px-sheet[data-mode=narrow]{--px-pad-x:.75rem;--px-pad-top:1.25rem;--px-pad-bottom:1.5rem;box-shadow:none}.px-sheet[data-mode=narrow] .px-sheet-body{grid-template-columns:minmax(0,1fr)}.px-sheet[data-mode=narrow] .px-sheet-nts{display:none}.px-sheet[data-mode=narrow] .px-map{min-height:0}.px-region{z-index:0;background:color-mix(in srgb, var(--color-void) 82%, transparent);border:1px dashed var(--px-ink-faint);transition:left var(--dur-enter) var(--ease-out-quart), top var(--dur-enter) var(--ease-out-quart), width var(--dur-enter) var(--ease-out-quart), height var(--dur-enter) var(--ease-out-quart), opacity var(--dur-base) ease, border-color var(--dur-fast) ease;border-radius:2px;position:absolute}.px-region[data-state=lit]{border-color:var(--px-ink-soft)}.px-region[data-state=out]{opacity:0}.px-bus{background:color-mix(in srgb, var(--tone) 70%, var(--color-fg));width:1px;transition:left var(--dur-enter) var(--ease-out-quart), top var(--dur-enter) var(--ease-out-quart), height var(--dur-enter) var(--ease-out-quart);position:absolute}.px-bus:before{content:"";background:color-mix(in srgb, var(--tone) 70%, var(--color-fg));border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;left:-3px}.px-region-head{z-index:2;border-bottom:1px solid var(--px-ink-faint);height:40px;font:500 var(--text-micro) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg);white-space:nowrap;transition:left var(--dur-enter) var(--ease-out-quart), top var(--dur-enter) var(--ease-out-quart), width var(--dur-enter) var(--ease-out-quart), opacity var(--dur-base) ease;align-items:center;gap:.6rem;padding:0 .85rem;display:flex;position:absolute}.px-region-head[data-state=out]{opacity:0;visibility:hidden}.px-region-mark{background:var(--tone);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.px-region-head[data-tone=neutral] .px-region-mark{box-shadow:inset 0 0 0 1px var(--color-fg-dim);background:0 0}.px-region-label{text-overflow:ellipsis;color:color-mix(in srgb, var(--tone) 55%, var(--color-fg));overflow:hidden}.px-region-kind{color:var(--color-fg-dim);letter-spacing:.06em}.px-region-count{color:var(--color-fg-dim);font-variant-numeric:tabular-nums;margin-left:auto}.px-edge{fill:none;stroke:var(--px-ink-faint);stroke-width:1px;d:var(--d);transition:d var(--dur-enter) var(--ease-out-quart), opacity var(--dur-base) ease}.px-edge[data-strong]{stroke:var(--px-ink-soft);stroke-width:1.35px}.px-edge[data-state=dim]{opacity:.2}.px-edge[data-state=on],.px-edge[data-state=out]{opacity:0}.px-route{fill:none;stroke:var(--color-accent);stroke-width:1.75px;stroke-dasharray:1;stroke-dashoffset:0}.px-pulse{fill:none;stroke:var(--color-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:.04 2;stroke-dashoffset:.04px;opacity:0}.px-guide-x,.px-guide-y{z-index:0;pointer-events:none;border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);transition:left var(--dur-base) var(--ease-out-quart), top var(--dur-base) var(--ease-out-quart), width var(--dur-base) var(--ease-out-quart), height var(--dur-base) var(--ease-out-quart);position:absolute}.px-guide-x{top:calc(var(--px-pad-top) * -1);width:0;height:calc(var(--gy,0px) + var(--px-pad-top));border-left:1px dashed}.px-guide-y{left:calc(var(--px-pad-x) * -1);width:calc(var(--gx,0%) + var(--px-pad-x));border-top:1px dashed;height:0}.px-node{z-index:3;background:var(--color-void);border:1px solid var(--px-ink-soft);color:var(--color-fg);transition:left var(--dur-enter) var(--ease-out-quart), top var(--dur-enter) var(--ease-out-quart), width var(--dur-enter) var(--ease-out-quart), opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out-quart), visibility 0s linear 0s, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;border-radius:2px;flex-direction:column;justify-content:center;gap:.35rem;padding:0 .85rem 0 1.05rem;display:flex;position:absolute}.px-node:before{content:"";width:var(--stub,1rem);background:color-mix(in srgb, var(--tone) 70%, var(--color-fg));height:1px;position:absolute;top:50%;right:100%}.px-node:after{content:"";background:var(--color-void);border:1px solid color-mix(in srgb, var(--tone) 80%, var(--color-fg));width:9px;height:9px;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;margin-top:-4.5px;position:absolute;top:50%;left:-5px;transform:rotate(45deg)}.px-node-title{font:600 .9rem/1.25 var(--font-sans);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.px-node-meta{white-space:nowrap;font:500 .625rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);align-items:center;gap:.7rem;display:flex;overflow:hidden}.px-node-flag{color:var(--color-fg-muted);display:none}.px-node-flag:before{content:"◆ ";color:var(--tone)}@media (min-width:1100px){.px-node-flag{display:inline}}.px-node:hover{border-color:var(--color-fg)}.px-node:focus-visible{outline:2px solid var(--color-signal);outline-offset:4px}.px-node[data-state=active]{z-index:4;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 6px 6px 0 0 color-mix(in srgb, var(--color-accent) 20%, transparent)}.px-node[data-state=active]:after{background:var(--color-accent);border-color:var(--color-accent)}.px-node[data-state=related]{border-color:var(--color-fg);box-shadow:4px 4px 0 0 color-mix(in srgb, var(--color-fg) 12%, transparent)}.px-node[data-state=related]:after{background:var(--color-fg);border-color:var(--color-fg)}.px-node[data-state=muted]{border-color:color-mix(in srgb, var(--color-line) 60%, transparent);box-shadow:none}.px-node[data-state=muted]:after{opacity:.35}.px-node[data-state=out]{opacity:0;visibility:hidden;pointer-events:none;transition:left var(--dur-enter) var(--ease-out-quart), top var(--dur-enter) var(--ease-out-quart), width var(--dur-enter) var(--ease-out-quart), opacity var(--dur-base) ease, transform var(--dur-base) var(--ease-out-quart), visibility 0s linear var(--dur-base), border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;transform:scale(.94)}.px-card{z-index:6;left:var(--card-left);width:var(--px-card-w);background:var(--color-void);border:1px solid var(--color-fg);border-top:3px solid var(--color-accent);box-shadow:8px 8px 0 0 color-mix(in srgb, var(--color-fg) 8%, transparent);color:var(--color-fg);border-radius:2px;padding:.95rem 1.05rem .9rem;position:absolute}.px-card:before{content:"";top:var(--lead-y,50%);background:var(--color-fg);width:22px;height:1px;position:absolute}.px-card[data-side=right]:before{right:100%}.px-card[data-side=left]:before{left:100%}.px-card-zone{font:500 .625rem/1 var(--font-mono);letter-spacing:.1em;color:var(--color-signal)}.px-card-close{width:44px;height:44px;color:var(--color-fg-muted);cursor:pointer;justify-content:center;align-items:center;margin:-.7rem -.8rem -.7rem 0;display:none}.px-card-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-top:.7rem;font-size:1.2rem;font-weight:500;line-height:1.15}.px-card-summary{-webkit-line-clamp:3;color:var(--color-fg-muted);-webkit-box-orient:vertical;margin-top:.45rem;font-size:.83rem;line-height:1.5;display:-webkit-box;overflow:hidden}.px-card-facts{border-top:1px solid var(--color-line-strong);grid-template-columns:auto minmax(0,1fr);gap:.35rem .9rem;margin-top:.8rem;padding-top:.7rem;font-size:.8rem;line-height:1.4;display:grid}.px-card-facts dt{font:500 .625rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);padding-top:.12rem}.px-card-facts dd{color:var(--color-fg-muted)}.px-card-related{border-top:1px solid var(--color-line-strong);margin-top:.8rem;padding-top:.65rem}.px-card-related ul{margin-top:.35rem}.px-card-related button{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr);width:100%;min-height:32px;padding:.25rem 0;display:grid}.px-card-related-title{white-space:nowrap;text-overflow:ellipsis;color:var(--color-fg);font-size:.82rem;font-weight:600;line-height:1.3;overflow:hidden}.px-card-related-title:before{content:"↳ ";color:var(--color-accent);font-weight:400}.px-card-related-why{font:500 .625rem/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-dim);padding-left:1.05rem}.px-card-related button:hover .px-card-related-title{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.18em}.px-card-foot{border-top:1px solid var(--color-line-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:.85rem;padding-top:.7rem;display:flex}.px-card-open{min-height:32px;font:600 .85rem/1.2 var(--font-sans);color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.25em;align-items:center;gap:.4rem;text-decoration-thickness:1.5px;display:inline-flex}.px-card-open svg{transition:transform var(--dur-fast) var(--ease-out-quart)}.px-card-open:hover svg{transform:translate(3px)}.px-card-keys{font:500 .625rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim)}.px-card-keys kbd,.px-keys kbd{min-width:1.35em;font:inherit;text-align:center;color:var(--color-fg);border:1px solid var(--color-line-strong);background:var(--color-void);border-radius:2px;padding:.15em .35em;display:inline-block}.px-sheet[data-mode=narrow] .px-card{z-index:calc(var(--z-chrome) + 1);left:.75rem;right:.75rem;bottom:max(.75rem, env(safe-area-inset-bottom));overscroll-behavior:contain;width:auto;max-height:min(64dvh,34rem);box-shadow:0 -12px 40px -12px color-mix(in srgb, var(--color-fg) 35%, transparent);padding:1rem 1.1rem 1.1rem;position:fixed;overflow-y:auto;top:auto!important}.px-sheet[data-mode=narrow] .px-card:before{display:none}.px-sheet[data-mode=narrow] .px-card-close{display:inline-flex}.px-sheet[data-mode=narrow] .px-card-related button,.px-sheet[data-mode=narrow] .px-card-open{min-height:44px}.px-sheet[data-mode=narrow] .px-card-summary{-webkit-line-clamp:4}.px-legend{flex-wrap:wrap;gap:.4rem 1.25rem;display:flex}.px-legend li{align-items:center;gap:.5rem;display:inline-flex}.px-legend-node,.px-legend-region{border:1px solid var(--px-ink-soft);background:var(--color-void);width:15px;height:10px}.px-legend-region{border-style:dashed;border-color:var(--px-ink-faint)}.px-legend-edge,.px-legend-route{background:var(--px-ink-soft);width:22px;height:1px}.px-legend-route{background:var(--color-accent);height:2px}.px-keys{align-items:center;gap:.3rem;display:flex}.px-keys-keyboard{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}@media (hover:none),(pointer:coarse){.px-card-keys,.px-keys-keyboard{display:none}}@media (hover:hover) and (pointer:fine){.px-keys-pointer{display:none}}.px-list{margin-top:.75rem}@media (min-width:1024px){.px-list{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);align-items:start;gap:3rem;display:grid}}.px-rows{border-top:1px solid var(--color-fg)}.px-row{border-bottom:1px solid var(--color-line-strong);transition:background-color var(--dur-fast) ease;grid-template-columns:2.75rem minmax(0,1fr);gap:.6rem 1rem;padding:1.3rem .25rem 1.4rem 0;display:grid;position:relative}@media (min-width:768px){.px-row{grid-template-columns:4.5rem minmax(0,1fr) 11.5rem;column-gap:1.75rem;padding-inline:.75rem}}.px-row:before{content:"";background:var(--color-accent);transform-origin:top;width:3px;transition:transform var(--dur-base) var(--ease-out-quart);position:absolute;top:-1px;bottom:-1px;left:0;transform:scaleY(0)}@media (min-width:1024px){.px-row[data-active]:before{transform:scaleY(1)}}.px-row:hover,.px-row:focus-within{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}.px-row:has(.px-row-link:focus-visible){outline:2px solid var(--color-signal);outline-offset:2px}.px-row-num{font:500 var(--text-micro) / 1.2 var(--font-mono);letter-spacing:.1em;color:var(--color-fg-dim);font-variant-numeric:tabular-nums;flex-direction:column;gap:.3rem;padding-top:.4rem;display:flex}.px-row-title{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.02em;color:var(--color-fg);align-items:flex-start;gap:.5rem;font-weight:500;line-height:1.15;display:flex}.px-row-link{text-underline-offset:.16em;transition:text-decoration-color var(--dur-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1.5px}.px-row-link:after{content:"";position:absolute;inset:0}.px-row-link:focus-visible{outline:none}.px-row:hover .px-row-link,.px-row:focus-within .px-row-link{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.px-row-arrow{color:var(--color-fg-dim);transition:color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out-quart);flex-shrink:0;margin-top:.3rem}.px-row:hover .px-row-arrow,.px-row:focus-within .px-row-arrow{color:var(--color-signal);transform:translate(2px,-2px)}.px-row-summary{-webkit-line-clamp:2;max-width:64ch;color:var(--color-fg-muted);-webkit-box-orient:vertical;margin-top:.5rem;font-size:.94rem;line-height:1.55;display:-webkit-box;overflow:hidden}.px-row-stack{font:500 .625rem/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.65rem;display:flex}.px-row-side{flex-wrap:wrap;grid-column:2;align-items:center;gap:.4rem 1rem;display:flex}@media (min-width:768px){.px-row-side{flex-direction:column;grid-column:auto;align-items:flex-start;padding-top:.5rem}}.px-row-meta{font:500 .625rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim)}.px-preview{display:none}@media (min-width:1024px){.px-preview{top:calc(var(--header-h) + 1.5rem);background:var(--color-void);border:1px solid var(--color-fg);box-shadow:8px 8px 0 0 color-mix(in srgb, var(--color-fg) 7%, transparent);padding:1rem 1rem 1.15rem;display:block;position:sticky}}.px-preview-label{border-bottom:1px solid var(--color-line-strong);font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);justify-content:space-between;margin-bottom:.9rem;padding-bottom:.65rem;display:flex}.px-preview-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-fg);text-wrap:balance;margin-top:.7rem;font-size:1.35rem;font-weight:500;line-height:1.12}.px-preview-summary{color:var(--color-fg-muted);margin-top:.55rem;font-size:.88rem;line-height:1.55}.px-plate{aspect-ratio:16/10;background:var(--color-surface);border:1px solid var(--color-fg);position:relative;overflow:hidden}.px-plate[data-fit=cover] img,.px-plate[data-fit=portrait] img{object-fit:cover;transition:transform var(--dur-slow) var(--ease-out-quart);aspect-ratio:auto!important;width:100%!important;max-width:none!important;height:100%!important}.px-plate[data-fit=portrait],.px-plate[data-fit=small]{background-color:var(--color-surface);background-image:var(--px-paper-grid);background-size:var(--px-paper-size);background-position:50%}.px-plate[data-fit=portrait]{padding:1.25rem 1.25rem 0}.px-plate[data-fit=portrait] img{object-fit:contain;object-position:top center;box-shadow:0 0 0 1px var(--color-fg);margin-inline:auto;width:auto!important}.px-plate[data-fit=small]{justify-content:center;align-items:center;padding:2rem;display:flex}.px-plate[data-fit=small] picture{justify-content:center;display:flex;height:auto!important}.px-plate[data-fit=small] img{box-shadow:0 0 0 1px var(--color-fg);margin-inline:auto}.px-featured{border-top:1px solid var(--color-fg);padding-block:clamp(4rem,8vw,7rem)}.px-cases{gap:clamp(3.5rem,8vw,6.5rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.px-case{gap:1.75rem 3.5rem;display:grid;position:relative}@media (min-width:1024px){.px-case{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}.px-case[data-flip]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.px-case[data-flip] .px-case-figure{order:2}.px-case[data-bare]{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.px-case-figure{min-width:0;position:relative}.px-case-frame{position:relative}.px-case-frame:before{--c:var(--color-fg);content:"";pointer-events:none;background:linear-gradient(var(--c), var(--c)) top left / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) top right / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px 14px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 14px 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px 14px no-repeat;position:absolute;inset:-10px}.px-case:hover .px-plate[data-fit=cover] img{transform:scale(1.02)}.px-case-caption{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);gap:1rem;margin-top:.85rem;display:flex}.px-case-caption span:first-child{color:var(--color-fg);flex-shrink:0}.px-case-text{min-width:0}.px-case-meta{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;display:flex}.px-case-title{color:var(--color-fg);margin-top:.85rem;font-size:clamp(1.6rem,1.15rem + 1.5vw,2.4rem);line-height:1.05}.px-case-link{text-underline-offset:.12em;transition:text-decoration-color var(--dur-fast) ease;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.px-case-link:after{content:"";z-index:1;position:absolute;inset:0}.px-case-link:focus-visible{outline:none}.px-case:has(.px-case-link:focus-visible){outline:2px solid var(--color-signal);outline-offset:10px}.px-case:hover .px-case-link,.px-case:focus-within .px-case-link{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.px-case-summary{-webkit-line-clamp:5;max-width:54ch;color:var(--color-fg-muted);-webkit-box-orient:vertical;margin-top:1rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.px-case-facts{border-top:1px solid var(--color-line-strong);gap:.55rem;margin-top:1.4rem;padding-top:1rem;display:grid}.px-case-facts>div{grid-template-columns:6.25rem minmax(0,1fr);gap:1rem;display:grid}.px-case-facts dt{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);padding-top:.15rem}.px-case-facts dd{color:var(--color-fg-muted);font-size:.9rem;line-height:1.5}.px-case-links{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-top:1.5rem;display:flex}.px-case-open{min-height:44px;font:600 .92rem/1.2 var(--font-sans);color:var(--color-fg);align-items:center;gap:.45rem;display:inline-flex}.px-case-open svg{transition:transform var(--dur-fast) var(--ease-out-quart)}.px-case:hover .px-case-open svg{transform:translate(4px)}.px-case-ext{z-index:2;min-height:44px;position:relative}.px-system{z-index:2;border-top:1px dashed var(--px-ink-faint);grid-column:1/-1;padding:1.1rem 0 0;position:relative}.px-system-head{font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);flex-wrap:wrap;gap:.25rem 1rem;display:flex}.px-system-layers{flex-direction:column;gap:.4rem;margin-top:.9rem;display:flex}.px-system-layer{align-items:center;display:flex;position:relative}.px-system-nodes{flex-wrap:wrap;gap:.35rem;display:flex}.px-system-node{font:500 .75rem/1.25 var(--font-sans);color:var(--color-fg);background:var(--color-void);border:1px solid var(--px-ink-soft);border-radius:2px;align-items:center;gap:.45rem;padding:.35rem .6rem;display:inline-flex}.px-system-glyph{background:var(--glyph,var(--color-fg-dim));flex-shrink:0;width:7px;height:7px}.px-system-node[data-kind=client]{--glyph:var(--color-fg)}.px-system-node[data-kind=edge],.px-system-node[data-kind=service],.px-system-node[data-kind=worker],.px-system-node[data-kind=store]{--glyph:var(--color-data)}.px-system-node[data-kind=queue]{--glyph:var(--color-warm)}.px-system-node[data-kind=model]{--glyph:var(--color-ai)}.px-system-node[data-kind=chain]{--glyph:var(--color-tx)}.px-system-node[data-kind=model] .px-system-glyph,.px-system-node[data-kind=chain] .px-system-glyph{transform:rotate(45deg)scale(.9)}.px-system-node[data-kind=store] .px-system-glyph{border-radius:50%}.px-system-layer+.px-system-layer{padding-top:.75rem}.px-system-layer+.px-system-layer:before{content:"";background:var(--color-fg);width:1px;height:.6rem;position:absolute;top:0;left:.85rem}@media (min-width:640px){.px-system-layers{flex-direction:row;align-items:stretch;gap:0}.px-system-layer{flex:1 1 0;min-width:0}.px-system-layer+.px-system-layer{padding-top:0;padding-left:1.4rem}.px-system-layer+.px-system-layer:before{width:.7rem;height:1px;top:50%;left:.35rem}.px-system-nodes{flex-flow:column;width:100%}.px-system-node{width:100%}}.px-oss{border-top:1px solid var(--color-fg);padding-block:clamp(4rem,8vw,7rem)}.px-oss-source{font:500 var(--text-micro) / 1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-dim);margin-top:1rem}.px-tally{gap:.45rem 2.5rem;margin-top:2rem;display:grid}@media (min-width:768px){.px-tally{grid-template-columns:repeat(2,minmax(0,1fr))}}.px-tally li{grid-template-columns:9.5rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.px-tally-bar{height:9px;width:calc(var(--share) * 100%);background:var(--color-fg);transform-origin:0;order:2;min-width:3px;display:block}.px-tally-label{text-overflow:ellipsis;white-space:nowrap;font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg);order:1;overflow:hidden}.px-ledger{border-top:1px solid var(--color-fg);margin-top:2.5rem}.px-ledger-head{display:none}.px-ledger-row{border-bottom:1px solid var(--color-line-strong);transition:background-color var(--dur-fast) ease;flex-wrap:wrap;align-items:baseline;gap:.35rem 1.1rem;padding:1rem .5rem;display:flex}.px-ledger-row:hover,.px-ledger-row:focus-visible{background:color-mix(in srgb, var(--color-surface) 75%, transparent)}.px-ledger-name{font:500 .92rem/1.35 var(--font-mono);color:var(--color-fg);overflow-wrap:anywhere;flex-basis:100%;align-items:center;gap:.4rem;display:inline-flex}.px-ledger-arrow{color:var(--color-fg-dim);transition:color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out-quart);flex-shrink:0}.px-ledger-row:hover .px-ledger-arrow{color:var(--color-signal);transform:translate(2px,-2px)}.px-ledger-desc{-webkit-line-clamp:2;color:var(--color-fg-muted);-webkit-box-orient:vertical;flex-basis:100%;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.px-ledger-cell{font:500 var(--text-micro) / 1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-dim);font-variant-numeric:tabular-nums}@media (min-width:768px){.px-ledger-head,.px-ledger-row{grid-template-columns:minmax(0,15rem) minmax(0,1fr) 7rem 4.5rem 7.5rem;column-gap:1.5rem;display:grid}.px-ledger[data-fallback] .px-ledger-row{grid-template-columns:minmax(0,20rem) minmax(0,1fr)}.px-ledger-head{border-bottom:1px solid var(--color-line-strong);font:500 var(--text-micro) / 1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-dim);padding:.65rem .5rem}.px-ledger-desc{-webkit-line-clamp:1}}.world-backdrop path{transition:stroke .9s}body:has(.px-page) .world-backdrop path.world-signal{stroke:color-mix(in srgb, var(--color-fg) 30%, transparent)}body:has(.px-explorer[data-domain=ai]) .world-backdrop{--px-world:var(--color-ai)}body:has(.px-explorer[data-domain=infrastructure]) .world-backdrop{--px-world:var(--color-data)}body:has(.px-explorer[data-domain=blockchain]) .world-backdrop{--px-world:var(--color-tx)}body:has(.px-explorer[data-domain=developer-tools]) .world-backdrop{--px-world:var(--color-ok)}body:has(.px-explorer[data-domain=product]) .world-backdrop{--px-world:var(--color-warm)}body:has(.px-explorer[data-domain=experiment]) .world-backdrop{--px-world:var(--color-fg-dim)}body:has(.px-explorer[data-domain]) .world-backdrop path.world-signal{stroke:var(--px-world)}body:has(.px-explorer[data-domain]) .world-backdrop path:not(.world-signal){stroke:color-mix(in srgb, var(--color-line) 70%, var(--px-world))}html:not([data-motion=reduced]) .px-span-axis:before{animation:px-axis-in .8s var(--ease-out-quart) .25s backwards}html:not([data-motion=reduced]) .px-span-marks i{animation:px-mark-in .38s var(--ease-out-quart) backwards;animation-delay:calc(.45s + var(--i,0) * 40ms)}html:not([data-motion=reduced]) .px-region{animation:px-region-in .7s var(--ease-out-quart) backwards}html:not([data-motion=reduced]) .px-node{animation:px-node-in var(--dur-enter) var(--ease-out-quart) backwards;animation-delay:calc(.16s + var(--i,0) * 45ms)}html:not([data-motion=reduced]) .px-edges{animation:.6s .65s backwards px-fade-in}html:not([data-motion=reduced]) .px-sheet:not([data-drawn]) :is(.px-region,.px-node,.px-edges){animation-play-state:paused}@supports (animation-timeline:view()){html:not([data-motion=reduced]) .px-tally-bar{animation:linear both px-bar-in;animation-timeline:view();animation-range:entry cover 30%}}html:not([data-motion=reduced]) .px-routes [data-dir] .px-route{animation:px-draw-out var(--dur-enter) var(--ease-out-quart) backwards;animation-delay:calc(var(--i,0) * 50ms)}html:not([data-motion=reduced]) .px-routes [data-dir=in] .px-route{animation-name:px-draw-in}html:not([data-motion=reduced]) .px-routes [data-dir] .px-pulse{opacity:1;animation:1.5s linear infinite px-pulse-out;animation-delay:calc(var(--dur-enter) + var(--i,0) * .12s);animation-fill-mode:backwards}html:not([data-motion=reduced]) .px-routes [data-dir=in] .px-pulse{animation-name:px-pulse-in}html:not([data-motion=reduced]) .px-card{animation:px-card-in var(--dur-base) var(--ease-out-quart)}html:not([data-motion=reduced]) .px-sheet[data-mode=narrow] .px-card{animation-name:px-sheet-up}html:not([data-motion=reduced]) .px-rows>li{animation:px-row-in var(--dur-enter) var(--ease-out-quart) backwards;animation-delay:calc(var(--i,0) * var(--stagger))}html:not([data-motion=reduced]) .px-preview-body{animation:px-fade-in var(--dur-base) ease}@keyframes px-bar-in{0%{transform:scaleX(0)}}@keyframes px-axis-in{0%{transform:scaleX(0)}}@keyframes px-mark-in{0%{opacity:0;transform:translateY(6px)scale(.6)}}@keyframes px-region-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes px-node-in{0%{opacity:0;transform:translateY(10px)}}@keyframes px-fade-in{0%{opacity:0}}@keyframes px-draw-out{0%{stroke-dashoffset:1px}}@keyframes px-draw-in{0%{stroke-dashoffset:-1px}}@keyframes px-pulse-out{0%{stroke-dashoffset:.04px}to{stroke-dashoffset:-1px}}@keyframes px-pulse-in{0%{stroke-dashoffset:-1px}to{stroke-dashoffset:.04px}}@keyframes px-card-in{0%{opacity:0;transform:translateY(6px)}}@keyframes px-sheet-up{0%{opacity:0;transform:translateY(24px)}}@keyframes px-row-in{0%{opacity:0;transform:translateY(10px)}}html[data-motion=reduced] :is(.px-map,.px-ruler-y,.px-region,.px-region-head,.px-bus,.px-node,.px-edge,.px-guide-x,.px-guide-y,.px-row,.px-chip){transition:none!important}html[data-motion=reduced] .px-plate img,html[data-motion=reduced] .world-backdrop path{transition:none}html[data-motion=reduced] .px-case:hover .px-plate[data-fit=cover] img,html[data-motion=reduced] .px-node[data-state=out]{transform:none}}