:root{--dom-priority: #4da3ff;--dom-navigation: #22d3ee;--dom-relationships: #a78bfa;--dom-evidence: #2dd4bf;--dom-conflict: #fb7185;--dom-memory: #fbbf24;--dom-flow: #a3e635;--dom-presence: #4ade80;--dom-governance: #f472b6}.ex-shell{position:relative;z-index:2;max-width:var(--content-max);margin:0 auto;padding:calc(58px + 3.5rem) clamp(1rem,4vw,2.5rem) 6rem}.ex-hero{margin-bottom:2.5rem;max-width:46rem}.ex-kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin:0 0 .9rem}.ex-title{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,5.2vw,3.4rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 1rem;color:var(--text)}.ex-lede{font-size:1.05rem;line-height:1.6;color:var(--text-2);margin:0}.ex-filterbar{display:flex;flex-direction:column;gap:.6rem;padding:.7rem .8rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:16px;background:var(--bg-card);box-shadow:0 1px color-mix(in srgb,#fff 4%,transparent) inset}.ex-search{position:relative;display:flex;align-items:center;width:100%}.ex-search-icon{position:absolute;left:.85rem;width:15px;height:15px;color:var(--text-3);pointer-events:none}.ex-search-input{width:100%;font-family:var(--mono);font-size:.82rem;color:var(--text);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-pill);padding:.6rem 1rem .6rem 2.4rem;transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}.ex-search-input::placeholder{color:var(--text-4)}.ex-search-input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px var(--accent-soft)}.ex-pills{display:flex;flex-wrap:wrap;gap:.4rem}.ex-pill{--att: var(--field-attention, 0);--accent-here: var(--pill-accent, var(--accent));display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.01em;color:var(--text-2);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-pill);padding:.34rem .7rem;cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease),box-shadow .2s var(--ease)}.ex-pill:hover{color:var(--text);border-color:var(--line-2)}.ex-pill.is-on{color:var(--text);border-color:color-mix(in srgb,var(--accent-here) 70%,transparent);background:color-mix(in srgb,var(--accent-here) 16%,var(--bg-card));box-shadow:0 0 calc(7px + var(--att) * 8px) color-mix(in srgb,var(--accent-here) calc(35% + var(--att) * 25%),transparent)}.ex-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-here);flex:none}.ex-pill.is-on .ex-pill-dot{box-shadow:0 0 6px var(--accent-here)}.ex-pill-count{font-size:.62rem;color:var(--text-3);font-variant-numeric:tabular-nums}.ex-pill.is-on .ex-pill-count{color:var(--text)}.ex-pill-platform{margin-left:.3rem}.ex-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.4rem}.ex-resultcount{font-family:var(--mono);font-size:.7rem;color:var(--text-3);margin:0;letter-spacing:.02em}.ex-viewtoggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden}.ex-view{font-family:var(--mono);font-size:.66rem;letter-spacing:.02em;color:var(--text-3);background:transparent;border:none;padding:.32rem .75rem;cursor:pointer;transition:color .14s var(--ease),background .14s var(--ease)}.ex-view:hover{color:var(--text-2)}.ex-view.is-on{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent)}.ex-constellation{position:relative;width:100%;height:min(72vh,40rem);border:1px solid var(--line);border-radius:var(--r-md);background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 75%),var(--bg-canvas);overflow:hidden}.ex-constellation[hidden]{display:none}.ex-cluster-label{position:absolute;top:0;left:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);white-space:nowrap;pointer-events:none;opacity:.5;z-index:0}.ex-cnode{position:absolute;top:0;left:0;z-index:1;width:18px;height:18px;display:grid;place-items:center;background:none;border:none;padding:0;cursor:pointer;transform:translate(50%,50%);transition:transform .7s var(--ease),opacity .25s var(--ease)}.ex-constellation.no-anim .ex-cnode{transition:opacity .25s var(--ease)}.ex-cnode-dot{width:9px;height:9px;border-radius:50%;background:var(--cnode-accent, var(--accent));box-shadow:0 0 color-mix(in srgb,var(--cnode-accent, var(--accent)) 60%,transparent);transition:width .14s var(--ease),height .14s var(--ease),box-shadow .2s var(--ease)}.ex-cnode-name{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:3px;font-family:var(--mono);font-size:.6rem;color:var(--text);background:color-mix(in srgb,var(--bg-page) 90%,transparent);border:1px solid color-mix(in srgb,var(--cnode-accent, var(--accent)) 40%,var(--line));border-radius:var(--r-sm);padding:.1rem .4rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s var(--ease)}.ex-cnode:hover,.ex-cnode:focus-visible{z-index:4;outline:none}.ex-cnode:hover .ex-cnode-dot,.ex-cnode:focus-visible .ex-cnode-dot{width:13px;height:13px;box-shadow:0 0 12px 1px color-mix(in srgb,var(--cnode-accent, var(--accent)) 60%,transparent)}.ex-cnode:hover .ex-cnode-name,.ex-cnode:focus-visible .ex-cnode-name{opacity:1}.ex-cnode.is-dim{opacity:.1;pointer-events:none}.ex-cluster-label{z-index:2}.ex-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:.9rem}.ex-grid[hidden]{display:none}.ex-card{position:relative;border:1px solid var(--line);border-left:2px solid color-mix(in srgb,var(--card-accent) 65%,transparent);border-radius:var(--r-md);background:var(--bg-card);transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.ex-card:hover{transform:translateY(-2px);border-color:var(--line-2);border-left-color:var(--card-accent);box-shadow:0 6px 24px -12px color-mix(in srgb,var(--card-accent) 60%,transparent)}.ex-card.is-dimmed{opacity:.16;transform:scale(.985);pointer-events:none}.ex-card[hidden]{display:none}.ex-card-link{display:flex;flex-direction:column;gap:.55rem;padding:1.05rem 1.1rem 1.1rem;text-decoration:none;color:inherit;height:100%}.ex-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ex-card-field{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--card-accent) 80%,var(--text-3))}.ex-card-tier{font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.ex-card-name{font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.15;margin:0;color:var(--text)}.ex-card-intent{font-size:.84rem;line-height:1.45;color:var(--text-2);margin:0;flex:1}.ex-card-foot{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.ex-chip{font-family:var(--mono);font-size:.58rem;letter-spacing:.01em;color:color-mix(in srgb,var(--chip-accent, var(--text-3)) 90%,white 0%);background:color-mix(in srgb,var(--chip-accent, var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--chip-accent, var(--accent)) 28%,transparent);border-radius:var(--r-pill);padding:.12rem .5rem}.ex-chip-platform{--chip-accent: var(--text-3)}.ex-empty{font-size:.9rem;color:var(--text-2);text-align:center;padding:3rem 1rem}.ex-link-btn{font:inherit;color:var(--accent);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.ex-detail{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem)}.ex-detail[hidden]{display:none}.ex-detail-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--bg-page) 78%,transparent);backdrop-filter:blur(8px);opacity:0;transition:opacity .24s var(--ease)}.ex-detail.is-open .ex-detail-backdrop{opacity:1}.ex-detail-panel{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr 1fr;width:min(64rem,100%);height:min(80vh,40rem);background:var(--bg-card);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--detail-accent, var(--accent)) 50%,#000),0 0 0 1px color-mix(in srgb,var(--detail-accent, var(--accent)) 20%,transparent);overflow:hidden;transform-origin:center;opacity:1}.ex-detail.is-open .ex-detail-panel{animation:exd-panel-in .3s var(--ease) both}@keyframes exd-panel-in{0%{transform:scale(.97) translateY(8px)}to{transform:none}}.ex-detail-close{position:absolute;top:.7rem;right:.7rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);border:1px solid var(--line);background:color-mix(in srgb,var(--bg-page) 60%,transparent);color:var(--text-2);cursor:pointer;backdrop-filter:blur(4px);transition:color .15s var(--ease),border-color .15s var(--ease)}.ex-detail-close:hover{color:var(--text);border-color:var(--line-2)}.ex-detail-preview{position:relative;overflow:hidden;background:radial-gradient(80% 80% at 50% 40%,color-mix(in srgb,var(--detail-accent, var(--accent)) 9%,transparent),transparent 70%),var(--bg-canvas);border-right:1px solid var(--line);display:grid;place-items:center}.ex-detail-info{padding:2.2rem 1.6rem 1.6rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.exd-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.exd-field{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 85%,var(--text-3))}.exd-tier{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-4)}.exd-name{font-family:var(--display);font-weight:700;font-size:1.5rem;line-height:1.1;margin:0;color:var(--text)}.exd-intent{font-size:.92rem;line-height:1.5;color:var(--text-2);margin:0}.exd-how{margin:0;padding:.55rem 0 .55rem .8rem;border-left:2px solid color-mix(in srgb,var(--detail-accent, var(--accent)) 55%,transparent);font-size:.85rem;line-height:1.55;color:var(--text-2)}.exd-how-tag{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--detail-accent, var(--accent)) 75%,var(--text-3));margin-bottom:.25rem}.exd-domains{display:flex;flex-wrap:wrap;gap:.3rem}.exd-chip{font-family:var(--mono);font-size:.6rem;color:var(--chip-accent, var(--text-3));background:color-mix(in srgb,var(--chip-accent, var(--accent)) 12%,transparent);border:1px solid color-mix(in srgb,var(--chip-accent, var(--accent)) 28%,transparent);border-radius:var(--r-pill);padding:.14rem .55rem}.exd-lane{display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem;border-top:1px solid var(--line)}.exd-lane-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-4)}.exd-lane-items{display:flex;flex-wrap:wrap;gap:.3rem}.exd-token{font-family:var(--mono);font-size:.68rem;color:var(--text-2);background:var(--bg-subtle);border:1px solid var(--line);border-radius:var(--r-sm);padding:.1rem .4rem}.exd-solve{font-size:.74rem;color:var(--text-2);background:var(--bg-subtle);border-radius:var(--r-sm);padding:.12rem .5rem}.exd-open{margin-top:auto;align-self:flex-start;font-family:var(--mono);font-size:.74rem;color:var(--detail-accent, var(--accent));text-decoration:none;padding-top:.6rem}.exd-open:hover{text-decoration:underline}body.ex-detail-open{overflow:hidden}@media(max-width:640px){.ex-detail-panel{grid-template-columns:1fr;grid-template-rows:.9fr 1.1fr;height:min(86vh,44rem)}.ex-detail-preview{border-right:none;border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.ex-card,.ex-search-input,.ex-pill{transition:none}.ex-card:hover{transform:none}.ex-detail-backdrop{transition:none}.ex-detail.is-open .ex-detail-panel{animation:none}}.ex-experimental{margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid var(--line)}.ex-experimental h2{font-size:1.3rem;margin:0 0 .3rem}.ex-experimental>p{color:var(--text-3);font-size:.9rem;margin:0 0 1rem;max-width:60ch}.ex-exp-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.ex-exp-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.ex-exp-list a{color:var(--accent);text-decoration:none;font-weight:600}.ex-exp-list a:hover{text-decoration:underline}.ex-exp-list span{color:var(--text-3);font-size:.88rem}html.ex-no-ambient field-root{display:none!important}