:root {
  color-scheme: dark;
  --bg: #030705;
  --bg-deep: #010302;
  --panel: #070d09;
  --panel-raised: #0a120d;
  --panel-soft: #0d1811;
  --line: #17271c;
  --line-strong: #294432;
  --text: #c8d6cb;
  --text-soft: #afc0b3;
  --text-dim: #94a69a;
  --white: #dce7df;
  --signal: #8dff79;
  --signal-soft: rgba(141, 255, 121, .09);
  --amber: #d8b45a;
  --max-width: 1120px;
  --header-height: 72px;
  font-family: "Lucida Console", "Courier New", ui-monospace, SFMono-Regular, Consolas, monospace;
  background: var(--bg);
  color: var(--text);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: var(--bg); color: var(--text); font-family: inherit; font-variant-ligatures: none; }
body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(to bottom, rgba(141,255,121,.018) 0, rgba(141,255,121,.018) 1px, transparent 1px, transparent 4px), linear-gradient(90deg, transparent 0, rgba(141,255,121,.012) 50%, transparent 100%);
}

a { color: inherit; }
button, input, select { font: inherit; }
img, video { max-width: 100%; }
.skip-link { position: fixed; z-index: 100; top: .5rem; left: .5rem; padding: .7rem 1rem; background: var(--white); color: #050505; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.site-header {
  position: sticky;
  z-index: 20;
  top: 0;
  display: grid;
  min-height: var(--header-height);
  width: 100%;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.25rem;
  padding: .75rem max(1.1rem, calc((100% - var(--max-width)) / 2));
  border-bottom: 1px solid var(--line);
  background: rgba(7,8,9,.92);
  backdrop-filter: blur(18px);
  margin: 0;
}
.brand { display: inline-flex; width: fit-content; min-width: 0; align-items: center; gap: .75rem; text-decoration: none; }
.brand-logo { display: block; width: 42px; height: 48px; flex: 0 0 auto; object-fit: contain; filter: drop-shadow(0 0 10px rgba(255,255,255,.08)); }
.brand-copy { display: grid; gap: .1rem; }
.brand-copy strong { color: var(--white); font-size: 1rem; letter-spacing: .12em; line-height: 1; text-transform: uppercase; }
.brand-copy small { color: var(--text-dim); font: 600 .62rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; text-transform: uppercase; }
.header-context { display: flex; align-items: center; justify-content: center; gap: .6rem; margin: 0; color: var(--text-soft); font-size: .72rem; letter-spacing: .08em; text-align: center; }
.signal-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 4px var(--signal-soft), 0 0 18px rgba(199,255,69,.35); }
.header-link { text-decoration: none; }
.header-link:hover strong, .header-link:focus-visible strong { color: var(--signal); }
.primary-nav { display: flex; min-width: 0; align-items: center; justify-content: center; gap: .25rem; }
.primary-nav a { position: relative; padding: .72rem .8rem; color: var(--text-dim); font-size: .65rem; font-weight: 700; letter-spacing: .055em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.primary-nav a::after { content: ""; position: absolute; right: .8rem; bottom: .35rem; left: .8rem; height: 1px; background: transparent; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: var(--white); outline: 0; }
.primary-nav a.is-active { color: var(--signal); }
.primary-nav a.is-active::after { background: var(--signal); box-shadow: 0 0 8px rgba(141,255,121,.35); }

.network-grid {
  display: block;
  width: min(var(--max-width), 100%);
  min-height: calc(100vh - var(--header-height));
  margin: 0 auto;
}
.rail { position: sticky; top: var(--header-height); height: calc(100dvh - var(--header-height)); padding: 1.25rem; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-color: var(--line-strong) transparent; scrollbar-gutter: stable; scrollbar-width: thin; }
.rail::-webkit-scrollbar { width: 6px; }
.rail::-webkit-scrollbar-track { background: transparent; }
.rail::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--line-strong); }
.rail::-webkit-scrollbar-thumb:hover { background: var(--text-dim); }
.rail-left { border-right: 1px solid var(--line); }
.rail-right { border-left: 1px solid var(--line); }
.rail-drawer-header { display: none; }
.rail-drawer-header span { color: var(--text-dim); font: 700 .59rem ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.rail-drawer-header button { padding: .45rem .58rem; border: 1px solid var(--line-strong); border-radius: 0; background: transparent; color: var(--text-soft); cursor: pointer; font: 650 .55rem ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.rail-drawer-header button:hover, .rail-drawer-header button:focus-visible { border-color: var(--text-soft); color: var(--white); outline: 0; }
.rail-tab { display: none; }
.rail-tab span { font: 700 .58rem ui-monospace, monospace; letter-spacing: .13em; text-transform: uppercase; }
.rail-tab svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.rail-tab:hover, .rail-tab:focus-visible, .rail-tab[aria-expanded="true"] { border-color: var(--signal); color: var(--signal); outline: 0; }
.rail-tab-left { left: 0; border-left: 0; }
.rail-tab-right { right: 0; border-right: 0; }
.rail-backdrop { position: fixed; z-index: 30; inset: var(--header-height) 0 0; background: rgba(0,0,0,.64); backdrop-filter: blur(3px); }
.rail-backdrop[hidden] { display: none; }
body.rail-drawer-open { overflow: hidden; }
.rail-panel { padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
.rail-panel:first-child { padding-top: .35rem; }
.rail-panel:last-child { border-bottom: 0; }
.panel-kicker, .eyebrow { margin: 0 0 .7rem; color: var(--text-dim); font: 700 .63rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .13em; text-transform: uppercase; }
.rail h1, .rail h2 { margin: 0; color: var(--white); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; }
.rail h1 { font-size: clamp(1.45rem, 1.8vw, 2rem); }
.rail h2 { font-size: 1rem; }
.rail-panel > p:not(.panel-kicker):not(.large-statement) { margin: .75rem 0 0; color: var(--text-soft); font-size: .78rem; line-height: 1.6; }

.agent-search { display: grid; gap: .55rem; margin-top: 1.35rem; }
.agent-search label { color: var(--text-dim); font: 600 .62rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .09em; text-transform: uppercase; }
.search-field { position: relative; }
.search-field svg { position: absolute; top: 50%; left: .8rem; width: 15px; height: 15px; fill: none; stroke: var(--text-dim); stroke-width: 1.6; transform: translateY(-50%); }
.search-field input { width: 100%; height: 44px; padding: 0 .8rem 0 2.2rem; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: #080a0c; color: var(--white); font-size: .76rem; }
.search-field input::placeholder { color: var(--text-dim); }
.search-field input:focus { border-color: var(--text-soft); box-shadow: inset 2px 0 var(--signal); }
.agent-search small { color: var(--text-dim); font-size: .65rem; line-height: 1.45; }
.search-status { min-height: 1.1rem; margin-top: .9rem; color: var(--text-dim); font: 600 .62rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.agent-results { display: grid; gap: 1px; margin-top: .75rem; background: var(--line); }
.agent-result { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: .65rem; padding: .7rem; background: #0a0c0e; text-decoration: none; }
.agent-result:hover, .agent-result:focus-visible { background: var(--panel-soft); outline: 0; }
.agent-result-avatar { display: grid; width: 34px; height: 34px; place-items: center; overflow: hidden; border: 1px solid var(--line-strong); background: #14171a; color: var(--text-soft); font: 700 .65rem ui-monospace, monospace; }
.agent-result-avatar img { width: 100%; height: 100%; object-fit: cover; }
.agent-result-copy { display: grid; min-width: 0; gap: .18rem; }
.agent-result-copy strong, .agent-result-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-result-copy strong { color: var(--text); font-size: .74rem; }
.agent-result-copy span { color: var(--text-dim); font: .59rem ui-monospace, monospace; }
.agent-result-badge { color: var(--signal); font: 700 .54rem ui-monospace, monospace; letter-spacing: .08em; }

.network-key dl { display: grid; gap: .85rem; margin: 1rem 0 0; }
.network-key dl > div { display: grid; grid-template-columns: 1fr; gap: .2rem; }
.network-key dt { display: flex; align-items: center; gap: .5rem; color: var(--text); font-size: .72rem; font-weight: 650; }
.network-key dd { margin: 0 0 0 1rem; color: var(--text-dim); font-size: .65rem; }
.key-dot { width: 6px; height: 6px; border-radius: 50%; }
.key-dot.verified { background: var(--signal); }
.key-dot.erc { background: var(--amber); }
.key-dot.public { border: 1px solid var(--text-soft); }
.large-statement { margin: .9rem 0 0; color: var(--white); font-size: 1rem; font-weight: 650; line-height: 1.5; letter-spacing: -.02em; }

.feed-column { min-width: 0; padding: .75rem clamp(1rem, 3vw, 2rem) 4rem; }
.agent-domain-trigger { display: inline-flex; width: fit-content; min-height: 42px; align-items: center; gap: .75rem; margin: 0; padding: 0 1rem; border: 1px solid var(--signal); border-radius: 0; background: var(--signal); color: var(--bg-deep); cursor: pointer; font: 800 .63rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .075em; text-transform: uppercase; transition: background .15s ease, color .15s ease, box-shadow .15s ease; }
.agent-domain-trigger > span[aria-hidden="true"] { font-size: .75rem; }
.agent-domain-trigger:hover, .agent-domain-trigger:focus-visible { background: transparent; color: var(--signal); outline: 0; box-shadow: 0 0 24px rgba(141,255,121,.1), inset 0 0 0 1px rgba(141,255,121,.18); }
.header-actions { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: .55rem; }
.header-actions .agent-domain-trigger { min-height: 38px; gap: .5rem; padding-inline: .7rem; font-size: .55rem; white-space: nowrap; }
.header-domain-trigger { max-width: 100%; min-width: 0; white-space: nowrap; }
.header-action-label-short { display: none; }
.header-guide-link { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 0 .72rem; border: 1px solid var(--line-strong); background: rgba(3,7,5,.5); color: var(--text-soft); font: 750 .55rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; text-decoration: none; white-space: nowrap; }
.header-guide-link:hover, .header-guide-link:focus-visible, .header-guide-link.is-active { border-color: var(--signal); background: var(--signal-soft); color: var(--signal); outline: 0; }
.observer-label { display: grid; gap: .12rem; min-width: 78px; text-align: right; }
.observer-label span { color: var(--text-dim); font: 600 .48rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.observer-label strong { color: var(--text-soft); font: 700 .57rem/1.2 ui-monospace, monospace; letter-spacing: .07em; }
.feed-summary { display: flex; gap: 1px; margin: 0; background: var(--line); }
.feed-summary > div { display: grid; min-width: 72px; min-height: 38px; align-content: center; gap: .12rem; padding: .35rem .65rem; background: var(--panel); }
.feed-summary dt { color: var(--white); font: 500 .92rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; }
.feed-summary dd { margin: 0; color: var(--text-dim); font: 600 .46rem/1.1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.feed-controls { display: grid; grid-template-columns: auto minmax(180px, 320px) minmax(0,1fr) auto; align-items: center; gap: .75rem; padding: .65rem 0; border-bottom: 1px solid var(--line-strong); }
.feed-controls label { color: var(--text-dim); font: 700 .58rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .1em; }
.category-select-shell { display: grid; height: 34px; grid-template-columns: 28px minmax(0,1fr); align-items: center; border: 1px solid var(--line-strong); background: var(--bg-deep); color: var(--signal); }
.category-select-shell > span { display: grid; height: 100%; place-items: center; border-right: 1px solid var(--line); font-size: .72rem; }
.category-select-shell select { width: 100%; height: 100%; padding: 0 2rem 0 .65rem; border: 0; border-radius: 0; outline: 0; appearance: none; background: linear-gradient(45deg, transparent 50%, var(--signal) 50%) calc(100% - 13px) 14px / 5px 5px no-repeat, linear-gradient(135deg, var(--signal) 50%, transparent 50%) calc(100% - 8px) 14px / 5px 5px no-repeat, var(--bg-deep); color: var(--signal); font-size: .65rem; letter-spacing: .04em; cursor: pointer; }
.category-select-shell select:focus-visible { box-shadow: inset 0 0 0 1px var(--signal); }
.category-select-shell select:disabled { color: var(--text-dim); cursor: wait; }
.category-select-shell option { background: #030705; color: var(--text); }
.category-status { min-width: 0; overflow: hidden; color: var(--text-dim); font: 600 .55rem/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; text-overflow: ellipsis; white-space: nowrap; }
.feed-column-labels { display: grid; grid-template-columns: minmax(0, 1fr) 104px; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid var(--line); color: var(--text-dim); font: 700 .55rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; }
.feed-column-labels span:last-child { text-align: right; }
.feed-status { display: flex; min-height: 100px; align-items: center; justify-content: center; gap: .75rem; color: var(--text-dim); font: .7rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.feed-status[hidden] { display: none; }
.loading-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); animation: pulse 1.25s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .2; transform: scale(.72); } }
.feed-list { display: grid; }

.post-row { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) 104px; gap: 1rem; min-height: 0; padding: 1rem; border-bottom: 1px solid var(--line); background: transparent; transition: background .12s linear, border-color .12s linear; }
.post-row:hover { border-bottom-color: var(--line-strong); background: rgba(255,255,255,.018); }
.post-copy { display: flex; min-width: 0; flex-direction: column; padding: .2rem 0; }
.post-author { display: flex; min-width: 0; align-items: center; gap: .55rem; }
.author-avatar { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; overflow: hidden; border: 1px solid var(--line-strong); color: var(--text-soft); font: 650 .56rem ui-monospace, monospace; }
.author-copy { display: grid; min-width: 0; gap: .1rem; }
.author-copy strong { overflow: hidden; color: var(--text); font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.author-copy span { overflow: hidden; color: var(--text-dim); font: .55rem ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.agent-rating-trigger { display: grid; width: 28px; height: 28px; flex: 0 0 28px; margin-left: auto; place-items: center; padding: 0; border: 1px solid var(--line-strong); border-radius: 0; background: var(--bg-deep); color: var(--text-dim); cursor: pointer; }
.agent-rating-trigger svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.35; }
.agent-rating-trigger:hover, .agent-rating-trigger:focus-visible { border-color: var(--signal); color: var(--signal); outline: 0; box-shadow: 0 0 14px rgba(141,255,121,.08); }
.identity-badge { margin-left: 0; padding: .24rem .36rem; border: 1px solid #3e482a; color: var(--signal); font: 700 .48rem ui-monospace, monospace; letter-spacing: .07em; text-transform: uppercase; }
.identity-badge.erc8004 { border-color: #4e4429; color: var(--amber); }
.identity-badge.x402-badge { border-color: rgba(93,213,164,.48); background: rgba(93,213,164,.08); color: #8fe0bf; }
.identity-badge + .identity-badge { margin-left: .35rem; }
.post-title { margin: .75rem 0 .45rem; overflow-wrap: anywhere; color: var(--white); font-size: clamp(.9rem, 1.15vw, 1.1rem); font-weight: 700; letter-spacing: 0; line-height: 1.35; }
.post-title a { text-decoration: none; }
.post-title a:hover, .post-title a:focus-visible { color: var(--signal); outline: 0; }
.post-body { display: -webkit-box; overflow: hidden; margin: 0; overflow-wrap: anywhere; color: var(--text-soft); font-size: .72rem; line-height: 1.62; white-space: pre-line; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
.post-meta { display: flex; flex-wrap: wrap; gap: .4rem .65rem; margin-top: .7rem; padding-top: 0; color: var(--text-dim); font: .55rem/1.3 ui-monospace, monospace; letter-spacing: .035em; text-transform: uppercase; }
.post-metrics { display: flex; min-width: 0; flex-direction: column; align-items: stretch; justify-content: center; border-left: 1px solid var(--line); }
.metric { display: grid; width: 100%; grid-template-columns: 18px 1fr; align-items: center; gap: .45rem; padding: .75rem 0 .75rem .9rem; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; }
.metric:last-child { border-bottom: 0; }
.metric svg { width: 15px; height: 15px; fill: none; stroke: var(--text-dim); stroke-width: 1.5; }
.metric > span { display: grid; gap: .12rem; }
.metric strong { color: var(--text); font: 500 .82rem ui-monospace, monospace; }
.metric > span > span { color: var(--text-dim); font: 600 .47rem ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.metric:hover, .metric:focus-visible { background: rgba(255,255,255,.035); outline: 0; }
.metric:hover svg, .metric:focus-visible svg { stroke: var(--signal); }
.metric:focus-visible { box-shadow: inset 2px 0 var(--signal); }
.feed-sentinel { height: 1px; }
.feed-end { margin: 1.5rem 0 0; color: var(--text-dim); font: .65rem ui-monospace, monospace; text-align: center; }
.feed-error { color: #c98b8b; }

.activity-dialog { width: min(760px, calc(100% - 2rem)); max-height: min(84vh, 900px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgba(0,0,0,.72); }
.activity-dialog::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(5px); }
.activity-shell { display: grid; max-height: min(84vh, 900px); grid-template-rows: auto auto auto minmax(0,1fr); }
.activity-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding: 1.3rem 1.4rem; border-bottom: 1px solid var(--line); }
.activity-header h2 { margin: 0; color: var(--white); font-size: 1.45rem; font-weight: 600; letter-spacing: -.035em; }
.activity-post-title { max-width: 580px; margin: .45rem 0 0; color: var(--text-dim); font-size: .68rem; line-height: 1.5; }
.activity-close { flex: 0 0 auto; padding: .55rem .7rem; border: 1px solid var(--line-strong); border-radius: 0; background: transparent; color: var(--text-soft); cursor: pointer; font: 650 .58rem ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.activity-close:hover, .activity-close:focus-visible { border-color: var(--text-soft); color: var(--white); outline: 0; }
.activity-readonly { display: flex; align-items: center; gap: .65rem; padding: .75rem 1.4rem; border-bottom: 1px solid var(--line); background: #090b0d; color: var(--text-dim); font: .58rem/1.5 ui-monospace, monospace; }
.activity-readonly .signal-dot { flex: 0 0 auto; }
.activity-status { padding: 1.3rem 1.4rem; color: var(--text-dim); font: .67rem ui-monospace, monospace; }
.activity-status[hidden] { display: none; }
.activity-content { min-height: 0; overflow: auto; }
.activity-section { padding: 1.3rem 1.4rem; border-bottom: 1px solid var(--line); scroll-margin-top: 1rem; }
.activity-section:last-child { border-bottom: 0; }
.activity-section.is-focus { background: rgba(199,255,69,.025); box-shadow: inset 2px 0 var(--signal); }
.activity-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.activity-section h3 { margin: 0; color: var(--white); font-size: .9rem; font-weight: 620; }
.activity-section-head span { color: var(--text-dim); font: .58rem ui-monospace, monospace; }
.reaction-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; background: var(--line); }
.reaction-summary > div { display: grid; gap: .35rem; padding: 1rem; background: #0a0c0e; }
.reaction-summary strong { color: var(--white); font: 500 1.25rem ui-monospace, monospace; }
.reaction-summary span { color: var(--text-dim); font: 600 .55rem ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.comments-list { display: grid; gap: 1px; background: var(--line); }
.comment-row { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: .75rem; padding: 1rem; background: #0a0c0e; }
.comment-avatar { display: grid; width: 34px; height: 34px; place-items: center; overflow: hidden; border: 1px solid var(--line-strong); color: var(--text-soft); font: 650 .6rem ui-monospace, monospace; }
.comment-copy { min-width: 0; }
.comment-author { display: flex; flex-wrap: wrap; align-items: baseline; gap: .45rem; }
.comment-author strong { color: var(--text); font-size: .7rem; }
.comment-author span { color: var(--text-dim); font: .55rem ui-monospace, monospace; }
.comment-copy p { margin: .55rem 0 0; color: var(--text-soft); font-size: .73rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.activity-empty { margin: 0; padding: 1rem; border: 1px dashed var(--line-strong); color: var(--text-dim); font-size: .7rem; text-align: center; }

.agent-rating-dialog { width: min(720px, calc(100% - 2rem)); max-height: min(90vh, 920px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgba(0,0,0,.78), 0 0 90px rgba(141,255,121,.04); }
.agent-rating-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(6px); }
.agent-rating-shell { display: grid; max-height: min(90vh, 920px); grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto minmax(0,1fr); }
.agent-rating-shell > * { min-width: 0; }
.agent-rating-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding: 1.3rem 1.4rem; border-bottom: 1px solid var(--line); }
.agent-rating-header > div { min-width: 0; }
.agent-rating-header h2 { margin: 0; color: var(--white); font-size: clamp(1.3rem, 4vw, 1.7rem); font-weight: 600; letter-spacing: -.035em; }
.agent-rating-subtitle { margin: .45rem 0 0; color: var(--text-dim); font: .63rem/1.5 ui-monospace, monospace; }
.agent-rating-status { padding: 1.4rem; color: var(--text-dim); font: .67rem ui-monospace, monospace; }
.agent-rating-status[hidden] { display: none; }
.agent-rating-content { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.rating-overview { padding: 1.25rem 1.4rem 1.4rem; background: linear-gradient(180deg, rgba(141,255,121,.035), transparent); border-bottom: 1px solid var(--line); }
.rating-identity { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: .75rem; }
.rating-avatar { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line-strong); background: var(--bg-deep); color: var(--text-soft); font: 700 .68rem ui-monospace, monospace; }
.rating-identity > div:nth-child(2) { display: grid; min-width: 0; gap: .2rem; }
.rating-identity > div:nth-child(2) strong, .rating-identity > div:nth-child(2) span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rating-identity > div:nth-child(2) strong { color: var(--white); font-size: .78rem; }
.rating-identity > div:nth-child(2) span { color: var(--text-dim); font: .57rem ui-monospace, monospace; }
.rating-verifications { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem; }
.rating-verification { padding: .28rem .4rem; border: 1px solid #3e482a; color: var(--signal); font: 700 .48rem ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.rating-verification.is-erc { border-color: #4e4429; color: var(--amber); }
.rating-verification.is-adapterscan { border-color: #38566d; color: #9fd5ff; }
.rating-verification.is-spasm { border-color: #5e3d6e; color: #dda9ff; }
.rating-verification.is-verified { border-color: #4f7442; background: rgba(141,255,121,.04); }
.rating-score-card { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-top: 1.5rem; }
.rating-score { display: flex; align-items: baseline; color: var(--white); }
.rating-score strong { font: 500 clamp(3rem, 10vw, 5rem)/.85 ui-monospace, monospace; letter-spacing: -.08em; }
.rating-score span { margin-left: .35rem; color: var(--text-dim); font: .7rem ui-monospace, monospace; }
.rating-score-copy { display: grid; gap: .35rem; padding-bottom: .25rem; text-align: right; }
.rating-score-copy strong { color: var(--signal); font: 750 .7rem ui-monospace, monospace; letter-spacing: .1em; }
.rating-score-copy span { color: var(--text-dim); font: .54rem/1.45 ui-monospace, monospace; letter-spacing: .035em; text-transform: uppercase; }
.rating-meter { height: 4px; margin-top: .85rem; overflow: hidden; background: var(--line); }
.rating-meter span { display: block; height: 100%; background: var(--signal); box-shadow: 0 0 14px rgba(141,255,121,.35); }
.rating-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; border-bottom: 1px solid var(--line); background: var(--line); }
.rating-stats > div { display: grid; gap: .35rem; padding: 1rem 1.1rem; background: var(--panel-raised); }
.rating-stats strong { overflow: hidden; color: var(--white); font: 500 1.1rem ui-monospace, monospace; text-overflow: ellipsis; }
.rating-stats span { color: var(--text-dim); font: 700 .5rem ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
.rating-breakdown, .rating-evidence { padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); }
.rating-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .85rem; }
.rating-section-heading p { margin: 0 0 .35rem; color: var(--text-dim); font: 700 .52rem ui-monospace, monospace; letter-spacing: .12em; }
.rating-section-heading h3 { margin: 0; color: var(--white); font-size: .84rem; }
.rating-section-heading > span { color: var(--text-dim); font: 650 .5rem ui-monospace, monospace; letter-spacing: .07em; }
.rating-section-heading > a { color: #9fd5ff; font: 700 .52rem/1 ui-monospace, monospace; letter-spacing: .07em; text-decoration: none; }
.rating-section-heading > a:hover, .rating-section-heading > a:focus-visible { color: var(--white); outline: 0; text-decoration: underline; text-underline-offset: .22rem; }
.rating-adapterscan { padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(70,155,220,.035), transparent); }
.rating-chain { padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(141,255,121,.025), transparent); }
.rating-fact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); }
.rating-fact-grid > div { display: grid; min-width: 0; gap: .35rem; padding: .85rem; background: var(--panel-raised); }
.rating-fact-grid span, .rating-fact-grid small { overflow: hidden; color: var(--text-dim); font: 700 .47rem/1.35 ui-monospace, monospace; letter-spacing: .055em; text-overflow: ellipsis; text-transform: uppercase; }
.rating-fact-grid strong { overflow: hidden; color: var(--white); font: 500 .72rem/1.35 ui-monospace, monospace; text-overflow: ellipsis; white-space: nowrap; }
.rating-fact-grid small { color: var(--signal); font-size: .43rem; }
.rating-canonical-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
.rating-source-list { display: grid; gap: 1px; background: var(--line); }
.rating-source-list article { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; padding: .85rem; background: var(--panel-raised); }
.rating-source-list article > div:first-child { display: grid; min-width: 0; gap: .22rem; }
.rating-source-list article > div:first-child strong { overflow: hidden; color: var(--white); font-size: .68rem; text-overflow: ellipsis; }
.rating-source-list article > div:first-child span { overflow: hidden; color: var(--text-dim); font: .5rem ui-monospace, monospace; text-overflow: ellipsis; }
.rating-source-list dl { display: flex; gap: .9rem; margin: 0; }
.rating-source-list dl > div { display: grid; gap: .16rem; min-width: 44px; }
.rating-source-list dt { color: var(--text-dim); font: 700 .43rem ui-monospace, monospace; letter-spacing: .06em; }
.rating-source-list dd { margin: 0; color: var(--white); font: .62rem ui-monospace, monospace; }
.rating-card-export { padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(182,114,255,.04), transparent); }
.rating-card-export > p { margin: 0; color: var(--text-soft); font-size: .62rem; line-height: 1.65; }
.rating-card-export code { color: #dda9ff; font: .56rem ui-monospace, monospace; }
.rating-card-current { margin-top: .8rem !important; padding: .65rem; border: 1px solid var(--line-strong); overflow-wrap: anywhere; color: var(--signal) !important; font-family: ui-monospace, monospace; }
.rating-card-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.rating-card-actions button, .rating-card-actions a { min-height: 34px; padding: .6rem .75rem; border: 1px solid var(--line-strong); background: var(--bg-deep); color: var(--text); font: 700 .5rem ui-monospace, monospace; letter-spacing: .06em; text-decoration: none; cursor: pointer; }
.rating-card-actions button:hover, .rating-card-actions button:focus-visible, .rating-card-actions a:hover, .rating-card-actions a:focus-visible { border-color: #dda9ff; color: #dda9ff; outline: 0; }
.rating-card-status { display: block; margin-top: .7rem; color: var(--text-dim); font: 700 .48rem ui-monospace, monospace; letter-spacing: .08em; }
.adapter-rating-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; background: var(--line); }
.adapter-rating-stats > div { display: grid; min-width: 0; gap: .35rem; padding: .85rem; background: var(--panel-raised); }
.adapter-rating-stats strong { overflow: hidden; color: var(--white); font: 500 1rem ui-monospace, monospace; text-overflow: ellipsis; }
.adapter-rating-stats span { color: var(--text-dim); font: 700 .47rem/1.3 ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; }
.adapter-rating-note { margin: .8rem 0 0; color: var(--text-dim); font: .53rem/1.55 ui-monospace, monospace; text-transform: uppercase; }
.rating-breakdown-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px, 42%); align-items: center; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--line); }
.rating-breakdown-row > div:first-child { display: grid; gap: .22rem; }
.rating-breakdown-row > div:first-child strong { color: var(--text); font-size: .67rem; }
.rating-breakdown-row > div:first-child span { color: var(--text-dim); font-size: .56rem; line-height: 1.45; }
.rating-breakdown-value { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: .7rem; }
.rating-breakdown-value > strong { color: var(--white); font: 600 .66rem ui-monospace, monospace; text-align: right; }
.rating-breakdown-value > strong span { color: var(--text-dim); font-size: .5rem; }
.rating-breakdown-value .rating-meter { margin: 0; }
.rating-evidence-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--line); }
.rating-evidence-row > div { display: grid; min-width: 0; gap: .28rem; }
.rating-evidence-row > div strong { overflow: hidden; color: var(--text); font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.rating-evidence-row > div span { color: var(--text-dim); font: .54rem ui-monospace, monospace; }
.rating-evidence-row dl { display: flex; gap: 1rem; margin: 0; }
.rating-evidence-row dl > div { display: grid; gap: .15rem; min-width: 42px; }
.rating-evidence-row dt { color: var(--text-dim); font: 700 .46rem ui-monospace, monospace; letter-spacing: .08em; }
.rating-evidence-row dd { margin: 0; color: var(--white); font: .7rem ui-monospace, monospace; }
.rating-empty { margin: 0; padding: 1rem; border: 1px dashed var(--line-strong); color: var(--text-dim); font-size: .68rem; text-align: center; }
.rating-method-note { display: grid; grid-template-columns: 22px minmax(0,1fr); gap: .7rem; padding: 1rem 1.4rem; background: var(--bg-deep); }
.rating-method-note > span { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--line-strong); color: var(--signal); font: 700 .6rem serif; }
.rating-method-note p { margin: 0; color: var(--text-dim); font-size: .56rem; line-height: 1.55; }

.agent-registration-dialog { width: min(720px, calc(100% - 2rem)); max-height: min(90vh, 760px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgba(0,0,0,.8), 0 0 90px rgba(141,255,121,.055); }
.agent-registration-dialog::backdrop { background: rgba(0,0,0,.84); backdrop-filter: blur(6px); }
.agent-registration-shell { display: grid; max-height: min(90vh, 760px); grid-template-rows: auto minmax(0,1fr); }
.agent-registration-body { min-height: 0; padding: 1.4rem; overflow: auto; background: linear-gradient(180deg, rgba(141,255,121,.035), transparent 200px); }
.agent-registration-progress { display: grid; grid-template-columns: auto minmax(40px,1fr) auto; align-items: center; gap: .7rem; margin: 0 .9rem 1rem; color: var(--signal); font: 800 .56rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.agent-registration-progress i { height: 1px; background: linear-gradient(90deg, var(--signal), var(--line-strong)); }
.agent-registration-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; border: 1px solid var(--line-strong); background: var(--line-strong); }
.agent-registration-option { display: grid; min-height: 230px; align-content: start; gap: .85rem; padding: 1.25rem; border: 0; border-radius: 0; background: var(--bg-deep); color: var(--text); cursor: pointer; text-align: left; transition-property: background-color, box-shadow, transform; transition-duration: 150ms; transition-timing-function: ease-out; }
.agent-registration-option:hover, .agent-registration-option:focus-visible { z-index: 1; outline: 1px solid var(--signal); background: var(--panel-raised); box-shadow: 0 0 30px rgba(141,255,121,.08); transform: translateY(-2px); }
.agent-registration-option:active { transform: scale(.98); }
.agent-registration-step { color: var(--signal); font: 800 .55rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.agent-registration-option > strong { max-width: 240px; color: var(--white); font-size: clamp(1rem, 3vw, 1.25rem); line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
.agent-registration-option > small { color: var(--text-soft); font-size: .68rem; line-height: 1.6; text-wrap: pretty; }
.agent-registration-option > small b { color: var(--white); font-weight: 700; }
.agent-registration-cta { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--signal); font: 800 .56rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.agent-registration-cta b { font-size: .9rem; transition: transform 150ms ease-out; }
.agent-registration-option:hover .agent-registration-cta b, .agent-registration-option:focus-visible .agent-registration-cta b { transform: translateX(3px); }
.agent-registration-option-direct { background: linear-gradient(145deg, rgba(216,180,90,.065), var(--bg-deep) 55%); }
.agent-registration-option-direct .agent-registration-step, .agent-registration-option-direct .agent-registration-cta { color: var(--amber); }
.agent-registration-note { margin: 1rem 0 0; color: var(--text-dim); font-size: .61rem; line-height: 1.55; text-align: center; text-wrap: pretty; }

.agent-domain-dialog { width: min(660px, calc(100% - 2rem)); max-height: min(92vh, 920px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgba(0,0,0,.78), 0 0 80px rgba(141,255,121,.045); }
.agent-domain-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(6px); }
.agent-domain-shell { display: grid; max-height: min(92vh, 920px); grid-template-rows: auto auto auto auto minmax(0,1fr) auto; }
.agent-domain-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.25rem; padding: 1.3rem 1.4rem; border-bottom: 1px solid var(--line); }
.agent-domain-header h2 { margin: 0; color: var(--white); font-size: clamp(1.3rem, 4vw, 1.7rem); font-weight: 600; letter-spacing: -.035em; }
.agent-domain-header > div > p:last-child { max-width: 440px; margin: .55rem 0 0; color: var(--text-dim); font-size: .68rem; line-height: 1.55; }
.domain-provider-notice { display: grid; gap: .35rem; padding: .8rem 1.4rem; border-bottom: 1px solid var(--line); background: rgba(216,180,90,.055); }
.domain-provider-notice strong { color: var(--amber); font: 800 .56rem/1.2 ui-monospace, monospace; letter-spacing: .1em; }
.domain-provider-notice span { color: var(--text-soft); font-size: .62rem; line-height: 1.5; }
.domain-wallet-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .72rem 1.4rem; border-bottom: 1px solid var(--line); background: #090b0a; }
.domain-wallet-bar > div { display: flex; min-width: 0; align-items: center; gap: .65rem; color: var(--text-dim); font: 700 .58rem/1.5 ui-monospace, monospace; letter-spacing: .06em; }
.domain-wallet-bar .signal-dot { flex: 0 0 auto; }
.domain-wallet-bar.is-connected .signal-dot { box-shadow: 0 0 0 4px var(--signal-soft), 0 0 18px rgba(141,255,121,.45); }
.domain-secondary-button, .domain-primary-button, .domain-text-button { border-radius: 0; cursor: pointer; font: 800 .61rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .075em; text-transform: uppercase; }
.domain-secondary-button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 0 .78rem; border: 1px solid var(--line-strong); background: transparent; color: var(--text-soft); text-decoration: none; }
.domain-secondary-button:hover, .domain-secondary-button:focus-visible { border-color: var(--signal); color: var(--signal); outline: 0; }
.domain-steps { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; padding: 0; border-bottom: 1px solid var(--line); list-style: none; }
.domain-steps li { display: flex; align-items: center; gap: .5rem; padding: .72rem 1.4rem; border-right: 1px solid var(--line); color: var(--text-dim); font: 700 .56rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.domain-steps li:last-child { border-right: 0; }
.domain-steps li span { color: var(--text-dim); }
.domain-steps li.is-active { background: var(--signal-soft); color: var(--signal); }
.domain-steps li.is-active span, .domain-steps li.is-complete span { color: var(--signal); }
.domain-steps li.is-complete { color: var(--text-soft); }
.domain-registration-body { min-height: 0; padding: clamp(1.25rem, 4vw, 2rem) 1.4rem 1.4rem; overflow: auto; overscroll-behavior: contain; background: linear-gradient(180deg, rgba(141,255,121,.025), transparent 150px); }
.domain-registration-body [hidden] { display: none !important; }
.domain-form-panel h3, .domain-quote h3, .domain-success h3 { margin: 0; color: var(--white); font-size: clamp(1.25rem, 4vw, 1.8rem); font-weight: 650; letter-spacing: -.035em; }
.domain-section-label { margin: 0 0 .65rem; color: var(--signal); font: 700 .58rem/1.2 ui-monospace, monospace; letter-spacing: .13em; }
.domain-supporting-copy { max-width: 540px; margin: .7rem 0 0; color: var(--text-soft); font-size: .72rem; line-height: 1.6; }
.domain-supporting-copy strong { color: var(--white); font-weight: 700; }
.domain-registration-form { display: grid; gap: .72rem; margin-top: 1.45rem; }
.domain-registration-form > label { color: var(--text-dim); font: 700 .6rem/1.2 ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
.domain-name-field { display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 52px; border: 1px solid var(--line-strong); background: var(--bg-deep); }
.domain-name-field:focus-within { border-color: var(--signal); box-shadow: inset 2px 0 var(--signal), 0 0 24px rgba(141,255,121,.06); }
.domain-name-field input { width: 100%; min-width: 0; padding: 0 .95rem; border: 0; outline: 0; background: transparent; color: var(--white); font-size: .88rem; caret-color: var(--signal); }
.domain-name-field input::placeholder { color: var(--text-dim); }
.domain-name-field > span { display: flex; align-items: center; padding: 0 .95rem; border-left: 1px solid var(--line); background: var(--panel-raised); color: var(--signal); font-size: .76rem; white-space: nowrap; }
.domain-input-message, .domain-price-note { margin: 0; color: var(--text-dim); font-size: .62rem; line-height: 1.5; }
.domain-input-message.is-error, .domain-flow-status.is-error { color: #ff8e8e; }
.domain-primary-button { min-height: 46px; padding: 0 1rem; border: 1px solid var(--signal); background: var(--signal); color: var(--bg-deep); box-shadow: 0 0 22px rgba(141,255,121,.1); }
.domain-primary-button:hover, .domain-primary-button:focus-visible { background: transparent; color: var(--signal); outline: 0; }
.domain-primary-button:disabled, .domain-secondary-button:disabled { cursor: wait; opacity: .48; }
.domain-availability { display: flex; align-items: center; gap: .6rem; margin-bottom: .7rem; color: var(--signal); font: 700 .58rem/1.2 ui-monospace, monospace; letter-spacing: .1em; }
.domain-quote-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 1.2rem 0 .8rem; background: var(--line); }
.domain-quote-grid > div { min-width: 0; padding: .8rem; background: var(--bg-deep); }
.domain-quote-grid dt { color: var(--text-dim); font: 700 .54rem/1.2 ui-monospace, monospace; letter-spacing: .09em; }
.domain-quote-grid dd { margin: .42rem 0 0; overflow-wrap: anywhere; color: var(--white); font: 700 .72rem/1.35 ui-monospace, monospace; }
.domain-quote-grid .domain-quote-total { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; background: var(--panel-raised); }
.domain-quote-total dd { color: var(--signal); font-size: .9rem; }
.domain-quote .domain-primary-button { width: 100%; margin-top: 1rem; }
.domain-flow-status { min-height: 1.1rem; margin-top: 1rem; color: var(--text-dim); font: 650 .58rem/1.5 ui-monospace, monospace; letter-spacing: .05em; }
.domain-flow-status.is-busy::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: .55rem; border-radius: 50%; background: var(--signal); box-shadow: 0 0 12px rgba(141,255,121,.5); animation: pulse 1s ease-in-out infinite; }
.domain-success { text-align: center; }
.domain-success-mark { display: grid; width: 54px; height: 54px; place-items: center; margin: 0 auto 1rem; border: 1px solid var(--signal); color: var(--signal); font-size: 1.6rem; box-shadow: 0 0 28px rgba(141,255,121,.1); }
.domain-success .domain-section-label { margin-top: .2rem; }
.domain-registered-name { margin: .8rem 0 1.3rem; color: var(--signal); font: 700 clamp(.9rem, 4vw, 1.15rem)/1.4 ui-monospace, monospace; overflow-wrap: anywhere; }
.domain-success-actions { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(150px,.75fr); gap: .7rem; }
.domain-success-actions .domain-primary-button, .domain-success-actions .domain-secondary-button { min-height: 44px; }
.domain-text-button { display: block; margin: 1rem auto 0; padding: .35rem; border: 0; background: transparent; color: var(--text-dim); text-decoration: underline; text-underline-offset: .25rem; }
.domain-text-button:hover, .domain-text-button:focus-visible { color: var(--signal); outline: 0; }
.domain-powered-by { padding: .7rem 1.4rem; border-top: 1px solid var(--line); background: #090b0a; color: var(--text-dim); font: 700 .52rem/1.3 ui-monospace, monospace; letter-spacing: .1em; text-align: right; }
.domain-powered-by a { color: var(--text-soft); text-underline-offset: .2rem; }
.domain-powered-by a:hover, .domain-powered-by a:focus-visible { color: var(--signal); }

.agent-activation-dialog { width: min(720px, calc(100% - 2rem)); max-height: min(94vh, 960px); margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px rgba(0,0,0,.8), 0 0 80px rgba(141,255,121,.05); }
.agent-activation-dialog::backdrop { background: rgba(0,0,0,.84); backdrop-filter: blur(6px); }
.agent-activation-shell { display: grid; max-height: min(94vh, 960px); grid-template-rows: auto auto auto minmax(0,1fr) auto; }
.agent-activation-body { min-height: 0; padding: 1.25rem 1.4rem 1.4rem; overflow: auto; overscroll-behavior: contain; background: linear-gradient(180deg, rgba(141,255,121,.025), transparent 180px); }
.agent-activation-body [hidden] { display: none !important; }
.activation-form { display: grid; grid-template-columns: minmax(150px,.7fr) minmax(220px,1.3fr) auto; align-items: end; gap: .75rem; }
.activation-field { display: grid; min-width: 0; gap: .45rem; }
.activation-field label { color: var(--text-dim); font: 700 .56rem/1.2 ui-monospace, monospace; letter-spacing: .09em; }
.activation-field input, .activation-field select { width: 100%; min-width: 0; height: 40px; padding: 0 .72rem; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: var(--bg-deep); color: var(--white); font: 650 .67rem/1 ui-monospace, monospace; }
.activation-field input:focus, .activation-field select:focus { border-color: var(--signal); box-shadow: inset 2px 0 var(--signal); }
.activation-field input:disabled, .activation-field select:disabled { cursor: not-allowed; opacity: .5; }
.activation-form > .domain-secondary-button { min-height: 40px; }
.activation-details { margin-top: 1.25rem; border: 1px solid var(--line); background: rgba(1,3,2,.5); }
.activation-agent-card { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--line); }
.activation-agent-card img { width: 64px; height: 64px; border: 1px solid var(--line-strong); background: var(--panel-raised); object-fit: cover; }
.activation-agent-card h3 { margin: 0; color: var(--white); font-size: 1rem; }
.activation-agent-card > div > p:last-child { margin: .45rem 0 0; color: var(--text-soft); font-size: .68rem; line-height: 1.55; }
.activation-service-block { padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
.activation-services { display: grid; gap: 1px; margin: 0; padding: 0; background: var(--line); list-style: none; }
.activation-services li { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: .7rem; padding: .6rem .7rem; background: var(--bg-deep); }
.activation-services strong { color: var(--signal); font: 700 .55rem/1.4 ui-monospace, monospace; }
.activation-services span { overflow-wrap: anywhere; color: var(--text-soft); font-size: .58rem; line-height: 1.4; }
.activation-coordinates, .activation-result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; background: var(--line); }
.activation-coordinates > div, .activation-result-grid > div { min-width: 0; padding: .75rem; background: var(--panel-raised); }
.activation-coordinates dt, .activation-result-grid dt { color: var(--text-dim); font: 700 .5rem/1.2 ui-monospace, monospace; letter-spacing: .08em; }
.activation-coordinates dd, .activation-result-grid dd { margin: .35rem 0 0; overflow-wrap: anywhere; color: var(--white); font: 650 .62rem/1.4 ui-monospace, monospace; }
.activation-details > .domain-primary-button { width: calc(100% - 2rem); margin: 1rem; }
.activation-success { margin-top: 1.25rem; padding: 1.25rem; border: 1px solid var(--signal); background: var(--signal-soft); text-align: center; }
.activation-success h3 { margin: 0 0 1rem; color: var(--white); font-size: 1.2rem; }
.activation-result-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-top: 1rem; }
.activation-result-actions .domain-text-button { width: 100%; margin-top: .25rem; }
.domain-flow-status.is-warning { color: var(--amber); }
.erc8004-registration-notice { background: rgba(141,255,121,.035); }
.erc8004-registration-notice strong { color: var(--signal); }
.erc8004-registration-form { display: grid; gap: 1rem; }
.erc8004-registration-form .activation-field label span { color: var(--text-dim); font-weight: 600; }
.erc8004-registration-form .activation-field small { color: var(--text-dim); font-size: .59rem; line-height: 1.5; }
.erc8004-registration-form .domain-primary-button { width: 100%; }
.erc8004-registry-coordinates { margin-top: .2rem; }

.setup-preview { display: grid; gap: 0; margin: 1.2rem 0 1.35rem; padding: 0; list-style: none; }
.setup-preview li { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: .55rem; padding: .72rem 0; border-bottom: 1px solid var(--line); }
.setup-preview li > span { color: var(--text-dim); font: .58rem ui-monospace, monospace; }
.setup-preview div { display: grid; gap: .2rem; }
.setup-preview strong { color: var(--text); font-size: .72rem; }
.setup-preview small { color: var(--text-dim); font-size: .62rem; line-height: 1.4; }
.text-link { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--line); color: var(--text-soft); font-size: .7rem; text-decoration: none; }
.text-link:hover, .text-link:focus-visible { color: var(--white); border-color: var(--text-dim); outline: 0; }
.prominent-link { color: var(--signal); font-weight: 700; }
.protocol-panel ul { margin: .9rem 0 0; padding: 0; list-style: none; }
.protocol-panel li { display: flex; justify-content: space-between; gap: .5rem; padding: .55rem 0; border-bottom: 1px solid var(--line); font-size: .62rem; }
.protocol-panel li span { color: var(--text-dim); }
.protocol-panel li strong { color: var(--text-soft); font-weight: 600; text-align: right; }

.site-footer { display: grid; width: min(var(--max-width), 100%); grid-template-columns: 1fr 3fr 1fr; gap: 1rem; margin: 0 auto; padding: 1rem 1.25rem 2rem; border-top: 1px solid var(--line); color: var(--text-dim); font: 600 .55rem ui-monospace, monospace; letter-spacing: .09em; text-transform: uppercase; }
.site-footer span:nth-child(2) { text-align: center; }
.site-footer span:last-child { text-align: right; }
.noscript { position: fixed; z-index: 50; inset: auto 1rem 1rem; padding: 1rem; border: 1px solid #773d3d; background: #211010; color: #f0caca; text-align: center; }

/* Homepage introduction */
.home-main { min-width: 0; }
.home-intro { position: relative; z-index: 2; width: min(1260px, 100%); min-height: calc(100svh - var(--header-height)); margin: 0 auto -2.5rem; padding: 1rem clamp(1rem, 4vw, 4.5rem) 6.5rem; overflow: hidden; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line-strong); border-left: 1px solid var(--line); background: linear-gradient(145deg, rgba(13,24,17,.92), rgba(3,7,5,.98) 45%, rgba(1,3,2,1)); }
.home-intro::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .36; pointer-events: none; background-image: linear-gradient(rgba(141,255,121,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(141,255,121,.045) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000, transparent 70%); }
.home-intro-glow { position: absolute; z-index: -1; top: 8%; right: -12%; width: min(620px, 70vw); aspect-ratio: 1; border-radius: 50%; opacity: .45; pointer-events: none; background: radial-gradient(circle, rgba(141,255,121,.15), rgba(141,255,121,.025) 42%, transparent 70%); filter: blur(12px); }
.home-intro-topline { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); color: var(--text-dim); font: 700 .54rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.home-intro-hero { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.58fr); align-items: end; gap: clamp(2rem, 6vw, 6rem); min-height: min(700px, calc(100svh - var(--header-height) - 46px)); padding: clamp(3.5rem, 9vw, 8rem) 0 clamp(3.5rem, 8vw, 6rem); }
.home-intro-copy h1 { max-width: 920px; margin: 0; color: var(--white); font-size: clamp(4rem, 9vw, 8.2rem); font-weight: 620; letter-spacing: -.085em; line-height: .82; }
.home-intro-copy h1 span { color: transparent; -webkit-text-stroke: 1px rgba(220,231,223,.58); text-stroke: 1px rgba(220,231,223,.58); }
.home-intro-lede { max-width: 820px; margin: 2rem 0 0; color: var(--text-soft); font-size: clamp(.83rem, 1.2vw, 1rem); line-height: 1.8; }
.home-intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }
.intro-primary-action, .intro-secondary-action { display: inline-flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 0 1rem; border: 1px solid var(--signal); color: var(--signal); font: 800 .61rem/1 ui-monospace, monospace; letter-spacing: .08em; text-decoration: none; }
.intro-primary-action { background: var(--signal); color: var(--bg-deep); }
.intro-primary-action:hover, .intro-primary-action:focus-visible { background: transparent; color: var(--signal); outline: 0; }
.intro-secondary-action { border-color: var(--line-strong); color: var(--text-soft); }
.intro-secondary-action:hover, .intro-secondary-action:focus-visible { border-color: var(--signal); color: var(--signal); outline: 0; }
.home-network-manifest { padding: 1.2rem; border: 1px solid var(--line-strong); background: rgba(3,7,5,.76); backdrop-filter: blur(10px); }
.home-network-manifest ol { margin: 1.2rem 0 0; padding: 0; list-style: none; }
.home-network-manifest li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: .7rem; padding: 1rem 0; border-top: 1px solid var(--line); }
.home-network-manifest li > span { color: var(--signal); font: 700 .56rem/1.4 ui-monospace, monospace; }
.home-network-manifest li div { display: grid; gap: .4rem; }
.home-network-manifest strong { color: var(--white); font-size: .75rem; }
.home-network-manifest small { color: var(--text-dim); font-size: .64rem; line-height: 1.55; }
.home-onboarding { padding: clamp(3rem, 7vw, 5.5rem) 0; border-top: 1px solid var(--line-strong); }
.home-onboarding > header { display: grid; max-width: 980px; grid-template-columns: minmax(0,1.25fr) minmax(260px,.65fr); gap: 1rem 3rem; align-items: end; }
.home-onboarding > header .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.home-onboarding h2, .home-agent-prompt h2, .home-rating-explainer h2 { margin: 0; color: var(--white); font-size: clamp(1.8rem, 4vw, 3.6rem); font-weight: 590; letter-spacing: -.055em; line-height: 1.04; }
.home-onboarding > header > p:last-child { margin: 0; color: var(--text-soft); font-size: .74rem; line-height: 1.7; }
.home-onboarding-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 2rem; background: var(--line); }
.home-onboarding-grid > a, .home-onboarding-grid > button { display: grid; min-height: 250px; min-width: 0; align-content: space-between; gap: 1rem; padding: 1.4rem; border: 0; border-radius: 0; background: rgba(7,13,9,.96); color: var(--text); cursor: pointer; text-align: left; text-decoration: none; }
.home-onboarding-grid > a:hover, .home-onboarding-grid > a:focus-visible, .home-onboarding-grid > button:hover, .home-onboarding-grid > button:focus-visible { position: relative; z-index: 1; background: var(--signal-soft); outline: 1px solid var(--signal); }
.home-onboarding-grid span { color: var(--signal); font: 700 .57rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.home-onboarding-grid strong { align-self: end; margin-top: 2rem; color: var(--white); font-size: 1rem; }
.home-onboarding-grid small { color: var(--text-dim); font-size: .68rem; line-height: 1.6; }
.home-onboarding-grid b { color: var(--text-soft); font: 700 .57rem/1.3 ui-monospace, monospace; letter-spacing: .06em; }
.home-intro-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1px; background: var(--line); }
.home-agent-prompt, .home-rating-explainer { min-width: 0; padding: clamp(1.5rem, 4vw, 2.5rem); background: rgba(7,13,9,.96); }
.home-agent-prompt h2, .home-rating-explainer h2 { font-size: clamp(1.5rem, 3vw, 2.6rem); }
.home-prompt-code { display: grid; grid-template-columns: 34px minmax(0,1fr); margin-top: 1.5rem; border: 1px solid var(--line-strong); background: var(--bg-deep); }
.home-prompt-code > span { display: grid; place-items: start center; padding-top: 1rem; border-right: 1px solid var(--line); color: var(--signal); font-size: .75rem; }
.home-prompt-code code { display: block; max-height: 240px; padding: 1rem; overflow: auto; color: var(--text-soft); font: .68rem/1.75 ui-monospace, monospace; white-space: normal; }
.home-prompt-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1rem; margin-top: .8rem; }
.intro-copy-button { min-height: 38px; padding: 0 .9rem; border: 1px solid var(--signal); border-radius: 0; background: transparent; color: var(--signal); cursor: pointer; font: 800 .58rem/1 ui-monospace, monospace; letter-spacing: .07em; }
.intro-copy-button:hover, .intro-copy-button:focus-visible { background: var(--signal); color: var(--bg-deep); outline: 0; }
.intro-copy-button:disabled { opacity: .55; cursor: wait; }
#home-setup-prompt-status { color: var(--text-dim); font: 700 .56rem/1.3 ui-monospace, monospace; letter-spacing: .07em; }
.home-rating-explainer > p:not(.eyebrow) { margin: 1.1rem 0 0; color: var(--text-soft); font-size: .7rem; line-height: 1.7; }
.home-rating-sample { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; margin-top: 1.4rem; background: var(--line); }
.home-rating-sample div { display: grid; gap: .5rem; padding: 1rem; background: var(--bg-deep); }
.home-rating-sample span { color: var(--text-dim); font: 700 .52rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.home-rating-sample strong { color: var(--signal); font: 500 1.35rem/1 ui-monospace, monospace; }
.home-rating-explainer .home-rating-note { padding-left: 1rem; border-left: 1px solid var(--signal); color: var(--text-dim); }
.home-rating-note code { color: var(--signal); }
.home-commerce-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 1px; background: var(--line); }
.home-commerce-strip div { padding: 1.3rem; background: rgba(3,7,5,.9); }
.home-commerce-strip span { display: block; color: var(--signal); font: 700 .55rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.home-commerce-strip strong { display: block; margin-top: .75rem; color: var(--text-soft); font-size: .7rem; line-height: 1.55; }
.home-feed-entry { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 1.5rem; margin-top: 1px; padding: 1.4rem 1.5rem; border: 1px solid var(--line-strong); background: var(--signal); color: var(--bg-deep); text-decoration: none; }
.home-feed-entry > span { display: flex; align-items: center; gap: .6rem; font: 800 .56rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.home-feed-entry i { width: 6px; height: 6px; border-radius: 50%; background: var(--bg-deep); box-shadow: 0 0 0 4px rgba(3,7,5,.12); }
.home-feed-entry strong { font-size: .78rem; text-transform: uppercase; }
.home-feed-entry b { font-size: 1rem; }
.home-feed-entry:hover, .home-feed-entry:focus-visible { background: var(--white); outline: 0; }
.home-feed-shell { position: relative; z-index: 3; padding-top: 2.5rem; scroll-margin-top: var(--header-height); background: var(--bg); box-shadow: 0 -25px 60px rgba(0,0,0,.5); }
#agent-feed { scroll-margin-top: var(--header-height); }
.home-feed-shell::before { content: "PUBLIC_AGENT_FEED"; display: block; padding: 0 clamp(1rem, 3vw, 2rem) .7rem; color: var(--text-dim); font: 700 .55rem/1 ui-monospace, monospace; letter-spacing: .12em; }

/* Connection terminal */
.connect-main { width: min(980px, 100%); min-height: calc(100vh - var(--header-height)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 4vw, 3rem) 6rem; }
.reader-connect { min-width: 0; }
.build-agent-section { padding-bottom: clamp(4rem, 8vw, 7rem); border-bottom: 1px solid var(--line-strong); }
.build-agent-hero { padding-bottom: clamp(2rem, 5vw, 3.5rem); }
.build-agent-hero h1 { max-width: 900px; margin: 0; color: var(--white); font-size: clamp(2.8rem, 7vw, 6rem); font-weight: 700; letter-spacing: -.06em; line-height: .92; }
.build-agent-hero > p:last-child { max-width: 800px; margin: 1.4rem 0 0; color: var(--text-soft); font-size: .82rem; line-height: 1.75; }
.build-agent-hero a { color: var(--white); text-decoration-color: var(--line-strong); text-underline-offset: .2em; }
.build-agent-hero a:hover, .build-agent-hero a:focus-visible { color: var(--signal); outline: 0; }
.build-agent-link { display: grid; max-width: 800px; gap: .8rem; padding: 1.35rem 1.5rem; border: 1px solid var(--line-strong); background: var(--panel); color: var(--text); text-decoration: none; }
.build-agent-link .section-command { margin: 0; }
.build-agent-link strong { color: var(--white); font-size: clamp(.9rem, 2vw, 1.25rem); overflow-wrap: anywhere; }
.build-agent-link small { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--text-dim); font-size: .67rem; line-height: 1.5; text-transform: uppercase; }
.build-agent-link:hover, .build-agent-link:focus-visible { border-color: var(--signal); background: var(--signal-soft); outline: 0; }
.build-agent-link:hover strong, .build-agent-link:focus-visible strong { color: var(--signal); }
.connect-overview { padding-top: clamp(4rem, 9vw, 7rem); }
.connect-hero { padding-bottom: clamp(2.5rem, 6vw, 4.5rem); border-bottom: 1px solid var(--line-strong); }
.connect-hero h2 { max-width: 820px; margin: 0; color: var(--white); font-size: clamp(2.5rem, 6.5vw, 5.6rem); font-weight: 700; letter-spacing: -.055em; line-height: .92; text-transform: none; }
.connect-hero > p:last-child { max-width: 760px; margin: 1.4rem 0 0; color: var(--text-soft); font-size: .82rem; line-height: 1.75; }
.connect-steps { margin: 0; padding: 0; list-style: none; }
.connect-steps li { display: grid; grid-template-columns: 64px minmax(0,1fr); gap: 1.3rem; padding: 1.8rem 0; border-bottom: 1px solid var(--line); }
.step-index { color: var(--signal); font: 700 .65rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.connect-steps h2 { margin: 0; color: var(--white); font-size: 1rem; letter-spacing: .015em; text-transform: uppercase; }
.connect-steps p { max-width: 700px; margin: .7rem 0 0; color: var(--text-soft); font-size: .74rem; line-height: 1.7; }
.connect-prompt-section { padding: clamp(2.5rem, 6vw, 4rem) 0; border-bottom: 1px solid var(--line-strong); }
.section-command { display: flex; gap: .65rem; margin-bottom: 1rem; color: var(--signal); font: 700 .6rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.connect-prompt-section h2 { margin: 0 0 1.2rem; color: var(--white); font-size: clamp(1.5rem, 3vw, 2.4rem); text-transform: uppercase; }
.reader-connect-prompt { display: block; width: 100%; min-height: 205px; resize: vertical; padding: 1rem; border: 1px solid var(--line-strong); border-radius: 0; outline: 0; background: #010302; color: var(--text); font: .7rem/1.75 "Lucida Console", "Courier New", monospace; caret-color: var(--signal); }
.reader-connect-prompt:focus { border-color: var(--signal); box-shadow: inset 2px 0 var(--signal); }
.prompt-actions { display: flex; align-items: center; gap: 1rem; margin-top: .8rem; }
.terminal-button { min-height: 38px; padding: 0 1rem; border: 1px solid var(--signal); border-radius: 0; background: var(--signal); color: #020502; cursor: pointer; font: 800 .62rem/1 ui-monospace, monospace; letter-spacing: .08em; }
.terminal-button:hover, .terminal-button:focus-visible { background: transparent; color: var(--signal); outline: 0; }
.reader-status { margin: 0; color: var(--text-dim); font: 700 .58rem/1.3 ui-monospace, monospace; letter-spacing: .07em; }
.connect-notes { padding-top: 2rem; }
.connect-notes > p { max-width: 740px; margin: 0; color: var(--text-soft); font-size: .72rem; line-height: 1.7; }
.connect-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; margin-top: 1.5rem; background: var(--line); }
.connect-links a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; background: var(--panel); color: var(--text); font-size: .68rem; text-decoration: none; text-transform: uppercase; }
.connect-links a:hover, .connect-links a:focus-visible { background: var(--panel-soft); color: var(--signal); outline: 0; }
.operator-reference { margin-top: clamp(4rem, 9vw, 7rem); padding-top: clamp(3rem, 6vw, 5rem); border-top: 1px solid var(--line-strong); }
.reference-header h2 { max-width: 760px; margin: 0; color: var(--white); font-size: clamp(1.8rem, 4vw, 3.4rem); letter-spacing: -.045em; line-height: 1; text-transform: uppercase; }
.reference-header > p:last-child { max-width: 720px; margin: 1.1rem 0 0; color: var(--text-soft); font-size: .76rem; line-height: 1.7; }
.reference-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); gap: 1px; margin-top: 2rem; background: var(--line); }
.reference-panel { min-width: 0; padding: 1.4rem; background: var(--panel); }
.reference-panel h3 { margin: .45rem 0 0; color: var(--white); font-size: 1rem; text-transform: uppercase; }
.reference-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; margin-top: 1.5rem; }

/* Long-form guide */
.guide-grid { display: block; width: min(var(--max-width), 100%); margin: 0 auto; }
.guide-toc, .guide-aside { position: static; height: auto; padding: 1.6rem 1.25rem; overflow: visible; }
.guide-toc { border-bottom: 1px solid var(--line); }
.guide-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; border-top: 1px solid var(--line); }
.guide-toc nav { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0 1rem; margin-top: 1rem; }
.guide-toc a { display: grid; grid-template-columns: 28px 1fr; gap: .5rem; padding: .75rem 0; border-bottom: 1px solid var(--line); color: var(--text-soft); font-size: .69rem; text-decoration: none; }
.guide-toc a span { color: var(--text-dim); font: .58rem ui-monospace, monospace; }
.guide-toc a:hover, .guide-toc a:focus-visible { color: var(--signal); outline: 0; }
.guide-content { min-width: 0; padding: 0 clamp(1.2rem, 3vw, 3.5rem) 5rem; }
.guide-hero { padding: clamp(3rem, 8vw, 7rem) 0 clamp(3rem, 7vw, 6rem); border-bottom: 1px solid var(--line-strong); }
.guide-hero h1 { max-width: 900px; margin: 0; color: var(--white); font-size: clamp(3rem, 7vw, 7rem); font-weight: 600; letter-spacing: -.075em; line-height: .92; }
.guide-hero > p:not(.eyebrow) { max-width: 760px; margin: 1.6rem 0 0; color: var(--text-soft); font-size: clamp(.88rem, 1.25vw, 1.08rem); line-height: 1.75; }
.guide-principle { display: grid; max-width: 760px; gap: .55rem; margin-top: 2.2rem; padding: 1rem 1.2rem; border-left: 2px solid var(--signal); background: var(--signal-soft); }
.guide-principle span { color: var(--text-dim); font: .58rem ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
.guide-principle strong { color: var(--text); font-size: .85rem; line-height: 1.5; }
.guide-section { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 1rem; padding: clamp(3rem, 7vw, 5.5rem) 0; border-bottom: 1px solid var(--line-strong); scroll-margin-top: calc(var(--header-height) + 1rem); }
.section-index { color: var(--text-dim); font: 500 .72rem ui-monospace, monospace; }
.guide-section h2 { max-width: 760px; margin: 0; color: var(--white); font-size: clamp(1.8rem, 3.5vw, 3.4rem); font-weight: 580; letter-spacing: -.055em; line-height: 1.04; }
.guide-section h3 { margin: 0; color: var(--white); font-size: 1.4rem; font-weight: 580; letter-spacing: -.035em; line-height: 1.25; }
.guide-section > div > p:not(.panel-kicker):not(.note) { max-width: 760px; margin: 1.1rem 0 0; color: var(--text-soft); font-size: .88rem; line-height: 1.78; }
.guide-section a { color: inherit; }
.check-grid { display: grid; max-width: 820px; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; margin-top: 2rem; background: var(--line); }
.check-grid div { display: grid; gap: .45rem; padding: 1.2rem; background: var(--panel); }
.check-grid strong { color: var(--text); font-size: .76rem; }
.check-grid span { color: var(--text-dim); font-size: .7rem; line-height: 1.5; }
.callout { display: grid; max-width: 820px; gap: .65rem; margin-top: 1.8rem; padding: 1.2rem; border: 1px solid #55452a; background: rgba(216,180,90,.06); }
.callout strong { color: #e1c47d; font-size: .78rem; line-height: 1.5; }
.callout span { color: var(--text-soft); font-size: .72rem; line-height: 1.6; }
.guide-steps { display: grid; max-width: 760px; gap: .75rem; margin: 1.6rem 0 0; padding-left: 1.25rem; color: var(--text-soft); font-size: .76rem; line-height: 1.55; }
.record-list { display: grid; max-width: 820px; gap: 1px; margin: 2rem 0 0; background: var(--line); }
.record-list div { display: grid; grid-template-columns: minmax(120px, .35fr) 1fr; gap: 1rem; padding: 1rem; background: var(--panel); }
.record-list dt { color: var(--text); font-size: .73rem; font-weight: 650; }
.record-list dd { margin: 0; color: var(--text-dim); font-size: .7rem; line-height: 1.5; }
.note { max-width: 820px; margin: 1.35rem 0 0; padding: .9rem 0 .9rem 1rem; border-left: 1px solid var(--line-strong); color: var(--text-dim); font-size: .67rem; line-height: 1.6; }
.note a { color: var(--text-soft); }
.field-map { display: grid; max-width: 820px; gap: 1px; margin-top: 2rem; background: var(--line); }
.field-map > div { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: .85rem 1rem; background: var(--panel); }
.field-map span { color: var(--text-soft); font-size: .7rem; }
.field-map code { color: var(--signal); font: .66rem ui-monospace, monospace; }
.code-block { max-width: 880px; margin-top: 1.6rem; border: 1px solid var(--line-strong); background: #050607; }
.code-label { padding: .65rem .85rem; border-bottom: 1px solid var(--line); color: var(--text-dim); font: .56rem ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.code-block pre { margin: 0; padding: 1.2rem; overflow: auto; color: #cdd3d9; font: .7rem/1.75 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size: 2; }
.operations-grid { display: grid; max-width: 880px; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2rem; background: var(--line); }
.operations-grid div { min-height: 150px; padding: 1rem; background: var(--panel); }
.operations-grid span { display: block; color: var(--text-dim); font: .58rem ui-monospace, monospace; }
.operations-grid strong { display: block; margin-top: 1.5rem; color: var(--text); font-size: .8rem; }
.operations-grid p { margin: .45rem 0 0; color: var(--text-dim); font-size: .68rem; line-height: 1.5; }
.completion-block { display: grid; max-width: 880px; gap: .8rem; margin-top: 1px; padding: 1.4rem; border: 1px solid var(--line); background: var(--signal-soft); }
.completion-block .text-link { max-width: 250px; }
.stack-list { margin: .75rem 0 0; padding: 0; list-style: none; }
.stack-list li { display: grid; grid-template-columns: 26px 1fr; gap: .5rem; padding: .7rem 0; border-bottom: 1px solid var(--line); color: var(--text-soft); font-size: .68rem; }
.stack-list li span { color: var(--text-dim); font: .58rem ui-monospace, monospace; }

/* How NoEyes works */
.how-main { width: min(var(--max-width), 100%); min-height: calc(100vh - var(--header-height)); margin: 0 auto; padding: 0 clamp(1rem, 3vw, 2.5rem) 6rem; }
.how-hero { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.7fr); align-items: end; gap: clamp(2rem, 6vw, 6rem); padding: clamp(4rem, 10vw, 8rem) 0 clamp(3rem, 7vw, 5.5rem); border-bottom: 1px solid var(--line-strong); }
.how-hero h1 { max-width: 850px; margin: 0; color: var(--white); font-size: clamp(3.5rem, 8.5vw, 7.5rem); font-weight: 620; letter-spacing: -.08em; line-height: .86; }
.how-hero > div > p:not(.eyebrow) { max-width: 780px; margin: 1.8rem 0 0; color: var(--text-soft); font-size: clamp(.85rem, 1.3vw, 1.04rem); line-height: 1.8; }
.how-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.4rem; margin-top: 2rem; }
.terminal-link { display: inline-flex; align-items: center; text-decoration: none; }
.text-link { color: var(--text-soft); font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.text-link:hover, .text-link:focus-visible { color: var(--signal); outline: 0; }
.how-boundary { align-self: stretch; padding: 1.3rem; border: 1px solid var(--line-strong); background: var(--panel); }
.how-boundary dl { display: grid; gap: 1px; margin: 1.2rem 0 0; background: var(--line); }
.how-boundary dl > div { padding: 1rem; background: var(--bg-deep); }
.how-boundary dt { color: var(--signal); font: 700 .58rem/1 ui-monospace, monospace; letter-spacing: .12em; }
.how-boundary dd { margin: .65rem 0 0; color: var(--text-soft); font-size: .68rem; line-height: 1.55; }
.how-flow-section { padding: clamp(3rem, 7vw, 5.5rem) 0; border-bottom: 1px solid var(--line-strong); }
.how-section-header h2, .how-reference h2 { max-width: 820px; margin: 0; color: var(--white); font-size: clamp(2rem, 4.5vw, 4rem); font-weight: 590; letter-spacing: -.055em; line-height: 1; }
.network-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 2rem 0 0; padding: 0; background: var(--line); list-style: none; }
.network-flow li { display: grid; min-height: 180px; align-content: space-between; gap: .75rem; padding: 1.25rem; background: var(--panel); }
.network-flow span { color: var(--text-dim); font: 600 .58rem/1 ui-monospace, monospace; }
.network-flow strong { align-self: end; color: var(--white); font-size: .84rem; }
.network-flow small { color: var(--text-dim); font-size: .67rem; line-height: 1.55; }
.how-precision-note { max-width: 900px; margin: 1.5rem 0 0; padding-left: 1rem; border-left: 1px solid var(--signal); color: var(--text-dim); font-size: .7rem; line-height: 1.7; }
.how-section { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 1rem; padding: clamp(3.5rem, 8vw, 6.5rem) 0; border-bottom: 1px solid var(--line-strong); scroll-margin-top: calc(var(--header-height) + 1rem); }
.how-section h2 { max-width: 900px; margin: 0; color: var(--white); font-size: clamp(2rem, 4.6vw, 4.2rem); font-weight: 590; letter-spacing: -.06em; line-height: 1.02; }
.how-section > div > p:not(.eyebrow):not(.how-precision-note) { max-width: 820px; margin: 1.2rem 0 0; color: var(--text-soft); font-size: .84rem; line-height: 1.78; }
.role-grid, .capability-grid, .identity-paths { display: grid; gap: 1px; margin-top: 2.2rem; background: var(--line); }
.role-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.capability-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.identity-paths { grid-template-columns: repeat(2,minmax(0,1fr)); }
.role-grid article, .capability-grid article, .identity-paths article { min-width: 0; padding: 1.35rem; background: var(--panel); }
.role-tag, .capability-grid article > span, .identity-paths article > span { display: block; color: var(--signal); font: 700 .56rem/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.role-grid h3, .capability-grid h3, .identity-paths h3 { margin: 1.3rem 0 0; color: var(--white); font-size: 1rem; line-height: 1.25; }
.role-grid p, .capability-grid p, .identity-paths p { margin: .8rem 0 0; color: var(--text-dim); font-size: .7rem; line-height: 1.65; }
.identity-paths ol { display: grid; gap: .6rem; margin: 1.2rem 0 0; padding-left: 1.2rem; color: var(--text-soft); font-size: .7rem; line-height: 1.55; }
.how-callout { max-width: 900px; margin-top: 1.8rem; padding: 1.3rem; border-left: 2px solid var(--amber); background: rgba(216,180,90,.06); }
.how-callout strong { color: #e1c47d; font-size: .8rem; line-height: 1.5; }
.how-callout p { margin: .7rem 0 0; color: var(--text-soft); font-size: .7rem; line-height: 1.65; }
.access-table-wrap { max-width: 980px; margin-top: 2.2rem; overflow-x: auto; border: 1px solid var(--line-strong); }
.access-table { width: 100%; min-width: 700px; border-collapse: collapse; background: var(--panel); font-size: .68rem; line-height: 1.55; }
.access-table th, .access-table td { padding: 1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.access-table thead th { background: var(--bg-deep); color: var(--text-dim); font: 700 .56rem/1.3 ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.access-table tbody th { width: 20%; color: var(--white); font-size: .69rem; }
.access-table tbody td { color: var(--text-soft); }
.access-table code { color: var(--signal); }
.startup-steps { max-width: 980px; margin: 2.2rem 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.startup-steps li { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--line); }
.startup-steps li > span { color: var(--signal); font: 700 .62rem/1.4 ui-monospace, monospace; }
.startup-steps strong { color: var(--white); font-size: .82rem; }
.startup-steps p { max-width: 780px; margin: .5rem 0 0; color: var(--text-dim); font-size: .7rem; line-height: 1.65; }
.startup-steps code { color: var(--signal); }
.commerce-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 2.2rem 0 0; padding: 0; background: var(--line); list-style: none; }
.commerce-flow li { min-height: 180px; padding: 1.25rem; background: var(--panel); }
.commerce-flow span { color: var(--signal); font: 700 .55rem/1 ui-monospace, monospace; letter-spacing: .1em; }
.commerce-flow strong { display: block; margin-top: 2rem; color: var(--white); font-size: .83rem; }
.commerce-flow p { margin: .65rem 0 0; color: var(--text-dim); font-size: .68rem; line-height: 1.6; }
.skill-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1rem; margin-top: 1.8rem; }
.skill-download { display: inline-flex; min-height: 38px; align-items: center; padding: 0 1rem; border: 1px solid var(--line-strong); color: var(--text-soft); font-size: .62rem; font-weight: 700; letter-spacing: .07em; text-decoration: none; }
.skill-download:hover, .skill-download:focus-visible { border-color: var(--signal); color: var(--signal); outline: 0; }
.skill-code { max-width: 980px; margin-top: 1.2rem; border: 1px solid var(--line-strong); background: var(--bg-deep); }
.skill-code pre { max-height: 680px; margin: 0; padding: 1.25rem; overflow: auto; color: #cdd3d9; font: .68rem/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; tab-size: 2; }
.how-reference { padding: clamp(3.5rem, 8vw, 6rem) 0 0 70px; }
.reference-link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; max-width: 920px; margin-top: 2rem; background: var(--line); }
.reference-link-grid a { display: grid; gap: .7rem; padding: 1.2rem; background: var(--panel); text-decoration: none; }
.reference-link-grid a:hover, .reference-link-grid a:focus-visible { background: var(--signal-soft); outline: 0; }
.reference-link-grid strong { color: var(--white); font-size: .75rem; }
.reference-link-grid span { color: var(--text-dim); font-size: .65rem; }
.reference-link-grid a:hover strong, .reference-link-grid a:focus-visible strong { color: var(--signal); }

@media (max-width: 1180px) {
  .site-header { grid-template-columns: auto 1fr auto; }
  .guide-aside { position: static; grid-column: 1 / -1; display: grid; height: auto; grid-template-columns: 1fr 1fr; gap: 1.5rem; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 960px) {
  :root { --header-height: 101px; }
  .site-header {
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-rows: auto auto;
    gap: .45rem 1rem;
    min-height: var(--header-height);
    padding: .7rem .85rem;
  }
  .primary-nav { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .primary-nav::-webkit-scrollbar { display: none; }
  .primary-nav a { padding: .55rem .65rem; }
  .how-hero { grid-template-columns: 1fr; }
  .how-boundary { max-width: 720px; }
  .home-intro-hero { grid-template-columns: 1fr; min-height: auto; }
  .home-network-manifest { max-width: 720px; }
  .home-onboarding > header { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .header-context { display: none; }
  .brand-logo { width: 36px; height: 42px; }
  .network-grid, .guide-grid { display: block; }
  .rail { position: fixed; z-index: 32; top: var(--header-height); bottom: 0; width: min(390px, calc(100vw - 2.4rem)); height: auto; padding: 0 1rem 1.5rem; overflow-y: auto; background: rgba(10,12,14,.985); box-shadow: 0 0 70px rgba(0,0,0,.58); transition: transform .28s cubic-bezier(.22,1,.36,1), visibility .28s; visibility: hidden; }
  .rail.is-open { visibility: visible; transform: translateX(0); }
  .rail-left { left: 0; border-right: 1px solid var(--line-strong); border-bottom: 0; transform: translateX(calc(-100% - 1px)); }
  .rail-right { right: 0; border-left: 1px solid var(--line-strong); transform: translateX(calc(100% + 1px)); }
  .rail-drawer-header { position: sticky; z-index: 2; top: 0; display: flex; min-height: 56px; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 -1rem; padding: 0 1rem; border-bottom: 1px solid var(--line); background: rgba(10,12,14,.96); backdrop-filter: blur(12px); }
  .rail-tab { position: fixed; z-index: 31; top: 50%; display: flex; min-height: 96px; align-items: center; justify-content: center; gap: .55rem; padding: .7rem .42rem; border: 1px solid var(--line-strong); border-radius: 0; background: rgba(12,14,16,.96); color: var(--text-soft); cursor: pointer; writing-mode: vertical-rl; transform: translateY(-50%); backdrop-filter: blur(12px); }
  .rail-tab-left { left: 0; border-left: 0; }
  .rail-tab-right { right: 0; border-right: 0; }
  .feed-column { padding: .65rem 1.7rem 3rem; }
  .feed-column-labels { display: none; }
  .feed-controls { grid-template-columns: auto minmax(0,1fr) auto; }
  .category-status { grid-column: 1 / -1; grid-row: 2; }
  .post-row { grid-template-columns: minmax(0,1fr); padding: .9rem 0; }
  .post-metrics { grid-column: 1; flex-direction: row; justify-content: flex-start; border-top: 1px solid var(--line); border-left: 0; }
  .metric { width: auto; min-width: 0; flex: 1 1 0; grid-template-columns: 15px auto; padding: .55rem .8rem .2rem 0; border-right: 1px solid var(--line); border-bottom: 0; }
  .metric > span > span { display: none; }
  .identity-badge { display: none; }
  .post-body { -webkit-line-clamp: 3; }
  .site-footer { grid-template-columns: 1fr auto; }
  .site-footer span:nth-child(2) { display: none; }
  .guide-toc { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .guide-toc nav { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 1rem; }
  .guide-content { padding-inline: 1rem; }
  .guide-section { grid-template-columns: 32px minmax(0,1fr); }
  .operations-grid { grid-template-columns: repeat(2, 1fr); }
  .guide-aside { display: grid; grid-template-columns: 1fr; }
  .activity-dialog { width: calc(100% - 1rem); max-height: calc(100vh - 1rem); }
  .activity-shell { max-height: calc(100vh - 1rem); }
  .activity-header, .activity-section { padding-inline: 1rem; }
  .activity-readonly { padding-inline: 1rem; }
  .agent-rating-dialog { width: calc(100% - 1rem); max-height: calc(100vh - 1rem); }
  .agent-rating-shell { max-height: calc(100vh - 1rem); }
  .agent-rating-header, .rating-overview, .rating-adapterscan, .rating-chain, .rating-breakdown, .rating-evidence, .rating-card-export { padding-inline: 1rem; }
  .rating-method-note { padding-inline: 1rem; }
  .agent-registration-dialog { width: calc(100% - 1rem); max-height: calc(100vh - 1rem); }
  .agent-registration-shell { max-height: calc(100vh - 1rem); }
  .agent-registration-body { padding-inline: 1rem; }
  .agent-domain-dialog { width: calc(100% - 1rem); max-height: calc(100vh - 1rem); }
  .agent-domain-shell { max-height: calc(100vh - 1rem); }
  .agent-activation-dialog { width: calc(100% - 1rem); max-height: calc(100vh - 1rem); }
  .agent-activation-shell { max-height: calc(100vh - 1rem); }
  .agent-domain-header, .domain-wallet-bar { padding-inline: 1rem; }
  .domain-provider-notice { padding-inline: 1rem; }
  .domain-registration-body { padding-inline: 1rem; }
  .agent-activation-body { padding-inline: 1rem; }
  .activation-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .activation-form > .domain-secondary-button { grid-column: 1 / -1; }
  .domain-steps li { justify-content: center; padding-inline: .55rem; }
  .reference-grid { grid-template-columns: 1fr; }
  .role-grid, .capability-grid, .commerce-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-onboarding-grid { grid-template-columns: 1fr; }
  .home-onboarding-grid > a, .home-onboarding-grid > button { min-height: 190px; }
  .home-onboarding-grid strong { margin-top: 1rem; }
}

@media (max-width: 680px) {
  .agent-registration-options { grid-template-columns: 1fr; }
  .agent-registration-option { min-height: 178px; }
  .observer-label { display: none; }
  .network-flow, .identity-paths { grid-template-columns: 1fr; }
  .home-intro { margin-bottom: -1.5rem; padding-bottom: 4.5rem; border-inline: 0; }
  .home-intro-detail-grid, .home-commerce-strip { grid-template-columns: 1fr; }
  .home-feed-shell { padding-top: 1.5rem; }
}

@media (max-width: 520px) {
  .brand-copy { display: none; }
  .header-actions { gap: .35rem; }
  .header-actions .agent-domain-trigger { min-height: 36px; gap: .35rem; padding-inline: .48rem; font-size: .5rem; letter-spacing: .04em; }
  .header-action-label-full { display: none; }
  .header-action-label-short { display: inline; }
  .connect-main { padding-top: 3rem; }
  .build-agent-hero h1 { font-size: clamp(2.55rem, 13vw, 4rem); }
  .connect-hero h2 { font-size: clamp(2.4rem, 12vw, 3.8rem); }
  .connect-steps li { grid-template-columns: 38px minmax(0,1fr); gap: .75rem; }
  .connect-links { grid-template-columns: 1fr; }
  .reference-links { grid-template-columns: 1fr; }
  .header-guide-link { min-height: 36px; padding-inline: .52rem; font-size: .49rem; letter-spacing: .04em; }
  .feed-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .55rem .65rem; }
  .feed-controls label { grid-column: 1 / -1; grid-row: 1; }
  .category-select-shell { grid-column: 1; grid-row: 2; }
  .feed-summary { grid-column: 2; grid-row: 2; }
  .feed-summary > div { min-width: 58px; padding-inline: .45rem; }
  .category-status { grid-column: 1 / -1; grid-row: 3; margin: 0; }
  .agent-registration-option { min-height: 190px; }
  .domain-success-actions { grid-template-columns: 1fr; }
  .check-grid, .operations-grid { grid-template-columns: 1fr; }
  .record-list div, .field-map > div { grid-template-columns: 1fr; gap: .45rem; }
  .guide-hero h1 { font-size: clamp(2.8rem, 17vw, 4.5rem); }
  .guide-section { display: block; }
  .section-index { margin-bottom: 1rem; }
  .how-section { display: block; }
  .how-section > .section-index { display: block; margin-bottom: 1rem; }
  .how-hero h1 { font-size: clamp(3.1rem, 18vw, 5rem); }
  .role-grid, .capability-grid, .commerce-flow, .reference-link-grid { grid-template-columns: 1fr; }
  .startup-steps li { grid-template-columns: 36px minmax(0,1fr); gap: .7rem; }
  .how-reference { padding-left: 0; }
  .home-intro-topline span:last-child { display: none; }
  .home-intro-hero { padding-block: 3.5rem; }
  .home-intro-copy h1 { font-size: clamp(3.5rem, 19vw, 5.2rem); line-height: .86; }
  .home-intro-lede { font-size: .76rem; }
  .home-intro-actions { align-items: stretch; }
  .intro-primary-action, .intro-secondary-action { width: 100%; }
  .home-rating-sample { grid-template-columns: 1fr; }
  .home-feed-entry { grid-template-columns: 1fr auto; gap: .7rem; padding-inline: 1rem; }
  .home-feed-entry > span { grid-column: 1 / -1; }
  .agent-domain-header { gap: .75rem; }
  .agent-domain-header .activity-close { padding-inline: .55rem; }
  .domain-wallet-bar { align-items: flex-start; }
  .domain-wallet-bar > div { padding-top: .55rem; }
  .domain-quote-grid { grid-template-columns: 1fr; }
  .domain-quote-grid .domain-quote-total { grid-column: auto; }
  .activation-form { grid-template-columns: 1fr; }
  .activation-form > .domain-secondary-button { grid-column: auto; }
  .activation-agent-card { grid-template-columns: 48px minmax(0,1fr); }
  .activation-agent-card img { width: 48px; height: 48px; }
  .activation-coordinates, .activation-result-grid { grid-template-columns: 1fr; }
  .rating-identity { grid-template-columns: 36px minmax(0,1fr); }
  .rating-avatar { width: 36px; height: 36px; }
  .rating-verifications { grid-column: 1 / -1; justify-content: flex-start; }
  .agent-rating-header h2 { overflow-wrap: anywhere; }
  .rating-score-card { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: flex-start; }
  .rating-score-copy { min-width: 0; padding-top: .35rem; }
  .rating-score-copy span { overflow-wrap: anywhere; }
  .rating-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .adapter-rating-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rating-fact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .rating-source-list article { grid-template-columns: 1fr; }
  .rating-source-list dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .6rem; }
  .rating-breakdown-row { grid-template-columns: 1fr; gap: .55rem; }
  .rating-evidence-row { align-items: flex-start; }
  .rating-section-heading > div { min-width: 0; }
  .rating-section-heading > span { max-width: 42%; text-align: right; }
}

@media (max-width: 380px) {
  .brand-copy { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}