/* SILENCE COSTS — three design directions, one stylesheet.
   d-void    : black void, one name, one number. Built for the screenshot.
   d-gallery : museum wall label. Paper, serif, quiet authority.
   d-ledger  : public receipt. Monospace, the economics are the image.
   Selection is a config value (SILENCE_DESIGN); see 03 Design in the vault. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
a { color: inherit; }
button { font: inherit; cursor: pointer; }
input { font: inherit; }
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.staging { font: 600 11px/1.4 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .08em; text-align: center; padding: 6px 16px; background: #ffd400; color: #000; }

.stage { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 32px 16px 24px; gap: 0; max-width: 960px; width: 100%; margin: 0 auto; }
.mark { margin: 0 0 9vh; font-size: 12px; letter-spacing: .42em; font-weight: 600; }
.owner { margin: 0; }
.owner p { margin: 0; }
.label { font-size: 11px; letter-spacing: .3em; opacity: .55; margin-bottom: 14px !important; }
.holder { font-size: clamp(2.6rem, 12vw, 7.5rem); line-height: .95; font-weight: 800; letter-spacing: -.02em; overflow-wrap: anywhere; }
.holder a { text-decoration: none; }
.holder a:hover { text-decoration: underline; text-decoration-thickness: 2px; }
.holder-none { opacity: .9; }
.vmark { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 14px; font: 600 12px/1.2 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .08em; font-style: normal; text-transform: lowercase; opacity: .75; }
.vsub { font-weight: 500; }
.d-ledger .vmark { justify-content: flex-start; }
.facts .vmark { justify-content: flex-start; margin-top: 4px; }
.paid { margin-top: 22px !important; font-size: clamp(1.5rem, 6vw, 2.6rem); font-weight: 300; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.paid-none { font-size: 1rem; letter-spacing: .3em; text-transform: uppercase; opacity: .5; }
.take { margin-top: 9vh; width: 100%; max-width: 420px; }
.cta { width: 100%; padding: 18px 20px; border-radius: 0; font-size: 14px; font-weight: 700; letter-spacing: .2em; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.cta-price { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.more { margin-top: 12px; font-size: 13px; text-align: left; }
.more summary { cursor: pointer; opacity: .6; list-style: none; text-align: center; }
.more summary::-webkit-details-marker { display: none; }
.amt { display: block; margin-top: 10px; font-size: 12px; opacity: .8; }
.amt input { display: block; width: 100%; margin-top: 6px; padding: 12px; border-radius: 0; font-variant-numeric: tabular-nums; }
.explain { max-width: 34ch; margin: 22px auto 0; font-size: 13px; line-height: 1.5; opacity: .6; }
.pending { font-size: 13px; margin-top: 24px; }
.err { color: #ff5a4f; font-size: 14px; margin-top: 20px; }
.ok { font-size: 14px; }
.fine { margin-top: auto; padding-top: 48px; font-size: 11px; letter-spacing: .08em; opacity: .5; }
.fine a { text-decoration: none; border-bottom: 1px solid currentColor; }

.page { width: 100%; max-width: 680px; margin: 0 auto; padding: 32px 16px 64px; line-height: 1.55; }
.page h1 { font-size: clamp(1.8rem, 7vw, 3rem); line-height: 1.05; margin: .4em 0 .6em; letter-spacing: -.01em; }
.page h2 { font-size: 1.1rem; margin-top: 2em; }
.crumb { font-size: 11px; letter-spacing: .25em; opacity: .6; }
.crumb a { text-decoration: none; }
.facts { display: grid; grid-template-columns: minmax(110px, 38%) 1fr; gap: 10px 16px; margin: 0; }
.facts dt { opacity: .55; font-size: 13px; }
.facts dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.facts .vmark { font-size: .8em; }
.note { font-size: 12px; opacity: .6; }
.flag { color: #ff5a4f; }
.ledger { list-style: none; padding: 0; margin: 0; }
.ledger li a { display: grid; grid-template-columns: 3.5em 1fr auto; grid-template-areas: "n h p" "n d d"; gap: 2px 12px; padding: 14px 0; border-bottom: 1px solid rgba(127,127,127,.25); text-decoration: none; }
.ledger .n { grid-area: n; opacity: .5; font-variant-numeric: tabular-nums; }
.ledger .h { grid-area: h; font-weight: 700; overflow-wrap: anywhere; }
.ledger .p { grid-area: p; font-variant-numeric: tabular-nums; }
.ledger .d { grid-area: d; font-size: 12px; opacity: .55; }
.rules li { margin-bottom: .8em; }
form.identity, .owner form, .claim form { display: grid; gap: 12px; margin: 20px 0; }
form label { display: grid; gap: 6px; font-size: 13px; }
form label.check { display: flex; gap: 8px; align-items: center; }
form input:not([type=checkbox]) { padding: 12px; border-radius: 0; width: 100%; }
form button, .page button { padding: 14px 18px; font-weight: 700; letter-spacing: .12em; border-radius: 0; }
.token { padding: 16px; margin: 20px 0; }
.token-value, .dns input { width: 100%; padding: 12px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }

/* Owner content (message + optional CTA) and compose-before-payment form. Mobile first. */
.msg { margin: 26px auto 0; max-width: 30ch; padding: 0; font-size: clamp(1.05rem, 4.4vw, 1.5rem); line-height: 1.35; overflow-wrap: anywhere; }
.msg p { margin: 0; }
.msg p::before { content: "\201C"; } .msg p::after { content: "\201D"; }
.owner-cta { margin-top: 16px !important; }
.owner-cta a { display: inline-block; padding: 10px 16px; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; border: 1px solid currentColor; overflow-wrap: anywhere; }
/* Real destination host next to any owner-chosen link label (a label cannot pass for another domain). */
.cta-host, .link-host { display: block; margin-top: 6px; font: 500 11px/1.3 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .04em; text-transform: lowercase; opacity: .6; overflow-wrap: anywhere; }
.cta-host::before, .link-host::before { content: "\2192\00a0"; }
.holder .link-host { font-size: 12px; font-weight: 500; letter-spacing: .04em; margin-top: 10px; }
.facts .cta-host, .facts .link-host { display: inline; margin-left: 6px; }
.compose > summary { list-style: none; }
.compose > summary::-webkit-details-marker { display: none; }
.compose-body { display: grid; gap: 14px; margin-top: 16px; text-align: left; }
.compose-body label { display: grid; gap: 6px; font-size: 13px; }
.compose-body textarea, .compose-body input:not([type=checkbox]), form textarea { width: 100%; padding: 12px; border-radius: 0; font: inherit; }
.compose-body textarea, form textarea { resize: vertical; min-height: 5.5em; }
.compose-body .more { margin-top: 0; }
.compose-body .more summary { text-align: left; }
.hint { font-size: 11px; opacity: .6; line-height: 1.4; }
.compose-body > .hint { margin: 0; }
.pay { margin-top: 4px; }
.share { margin-top: 36px; }
.share-url { width: 100%; padding: 12px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }
.share button { padding: 8px 12px; font-size: 12px; }
.dev { border-left: 3px solid #ffd400; padding-left: 10px; }
form.recover, form.content { display: grid; gap: 12px; margin: 20px 0; }
.d-void textarea { background: #000; color: #fff; border: 1px solid #555; }
.d-gallery textarea { background: #fbf9f4; color: #161513; border: 1px solid #b9b2a3; }
.d-ledger textarea { background: #fff; color: #111; border: 1px solid #111; }
.d-ledger .msg { margin-left: 0; text-align: left; }

/* ---------- d-void ---------- */
body.d-void { background: #000; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif; }
.d-void .mark { font-weight: 500; }
.d-void .holder { text-transform: uppercase; }
.d-void .cta { background: transparent; color: #fff; border: 1px solid #fff; }
.d-void .cta:hover { background: #fff; color: #000; }
.d-void input { background: #000; color: #fff; border: 1px solid #555; }
.d-void form button, .d-void .page button { background: #fff; color: #000; border: 0; }
.d-void .token { border: 1px solid #333; }

/* ---------- d-gallery ---------- */
body.d-gallery { background: #f2eee5; color: #161513; font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif; }
.d-gallery .mark { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 11px; letter-spacing: .5em; }
.d-gallery .holder { font-weight: 400; font-style: italic; letter-spacing: -.01em; }
.d-gallery .paid { font-family: "Helvetica Neue", Arial, sans-serif; font-weight: 400; font-size: clamp(1.2rem, 4.5vw, 1.9rem); }
.d-gallery .label { font-family: "Helvetica Neue", Arial, sans-serif; }
.d-gallery .owner { border-top: 1px solid #161513; border-bottom: 1px solid #161513; padding: 36px 8px; width: 100%; max-width: 560px; }
.d-gallery .cta { background: #161513; color: #f2eee5; border: 0; font-family: "Helvetica Neue", Arial, sans-serif; }
.d-gallery .cta:hover { background: #3a3732; }
.d-gallery input { background: #fbf9f4; color: #161513; border: 1px solid #b9b2a3; }
.d-gallery form button, .d-gallery .page button { background: #161513; color: #f2eee5; border: 0; }
.d-gallery .err { color: #a8261d; }
.d-gallery .token { border: 1px solid #b9b2a3; }

/* ---------- d-ledger ---------- */
body.d-ledger { background: #fbfbf8; color: #111; font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }
.d-ledger .stage { align-items: stretch; text-align: left; max-width: 480px; }
.d-ledger .mark { font-size: 13px; letter-spacing: .3em; border-bottom: 2px solid #111; padding-bottom: 12px; margin-bottom: 6vh; }
.d-ledger .holder { font-size: clamp(2rem, 10vw, 3.6rem); font-weight: 700; text-transform: uppercase; letter-spacing: -.03em; }
.d-ledger .paid { font-size: clamp(2.2rem, 11vw, 4rem); font-weight: 700; color: #c4161c; }
.d-ledger .paid-none { color: #111; }
.d-ledger .owner { border-bottom: 1px dashed #111; padding-bottom: 28px; }
.d-ledger .cta { background: #111; color: #fbfbf8; border: 0; }
.d-ledger .cta:hover { background: #c4161c; }
.d-ledger .more summary, .d-ledger .explain { text-align: left; margin-left: 0; }
.d-ledger input { background: #fff; color: #111; border: 1px solid #111; }
.d-ledger form button, .d-ledger .page button { background: #111; color: #fbfbf8; border: 0; }
.d-ledger .err { color: #c4161c; }
.d-ledger .token { border: 1px dashed #111; }

@media (min-width: 768px) {
  .stage { padding-top: 48px; }
  .take { margin-top: 7vh; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* R4 procedural life: decorative ambient motion of the page itself. It does not represent visitors or activity. */
@keyframes r4-breathe { 0%,100% { opacity: .55 } 50% { opacity: .9 } }
body::before { content: ""; position: fixed; inset: -20%; pointer-events: none; z-index: -1;
  background: radial-gradient(40% 35% at 30% 30%, rgba(255,255,255,.035), transparent 70%), radial-gradient(35% 30% at 70% 65%, rgba(255,255,255,.03), transparent 70%);
  animation: r4-breathe 14s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { body::before { animation: none } }
.reign { color: var(--muted, #8a8a8a); font-size: .9rem; letter-spacing: .04em; margin-top: .4rem }
.staging.synthetic { background: #ff3b30; color: #fff }
.rivalry { color: var(--muted, #8a8a8a); font-size: .85rem; margin-top: .2rem }

/* R81: decoration from confirmed state, never a person/activity signal. */
.r81-field { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; opacity:.12; }
body[data-r81-live]:not([data-r81-live=""]) > :not(.r81-field) { z-index:1; }
.r81-status { margin:0; padding:.4rem 1rem; font:11px monospace; letter-spacing:.08em; }
.r81-status:empty { display:none; }
.r81-transition { animation:r81-change .7s ease-out; }
@keyframes r81-change { from { opacity:.3; } to { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .r81-transition { animation:none; } .r81-field { opacity:.08; } }
/* R86 local company navigation; flag controls whether this element exists. */
.r88-scope,.r88-artifact{margin:1.5rem auto;padding:1rem;border:1px solid #555;max-width:42rem;line-height:1.5;overflow-wrap:anywhere}.r88-scope{font-size:14px}.r88-artifact h2{font-size:1.2rem}.r88-record-url{font-family:monospace;overflow-wrap:anywhere}
@media print{html,body{background:#fff!important;color:#000!important}body *{visibility:hidden}.r88-artifact,.r88-artifact *{visibility:visible}.r88-artifact{position:absolute;inset:0 auto auto 0;margin:0;padding:1rem;max-width:100%;border:0;background:#fff;color:#000}.r88-artifact button{display:none}}
.company-preview{position:relative;z-index:3;margin:1rem auto;padding:1rem;max-width:42rem;border:1px solid #555;background:#111;color:#fff;font:14px/1.5 system-ui;overflow-wrap:anywhere}.company-preview p{margin:.4rem 0}.company-preview a{color:#ffd400;text-decoration:underline}

/* R92 continuation: bounded, accessible public comparison tables. */
.r92-table-scroll{overflow-x:auto;max-width:100%}.r92-table-scroll table{border-collapse:collapse;width:100%;font-size:14px}.r92-table-scroll th,.r92-table-scroll td{padding:10px;border-bottom:1px solid #888;text-align:left;overflow-wrap:anywhere}.r92-table-scroll caption{text-align:left;margin:10px 0}