/* RADIUS / The Clearing Room. Editorial rhythm, evidence-first interfaces.
   This layer changes presentation only: no prices, permissions or transaction state. */
:root {
  --radius-ink: #080d11;
  --radius-paper: #f0f4ef;
  --radius-copy: #becbc8;
  --radius-caption: #a4b8b2;
  --radius-accent: #96edda;
  --radius-rule: #344642;
}

html { scroll-padding-top: 100px; }
body { text-rendering: optimizeLegibility; }
::selection { color: #071411; background: #96edda; }
:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid #d9ffad;
  outline-offset: 5px;
}
:where(button, .button, summary) { touch-action: manipulation; }
#main-content :is(button, a, input, select, textarea, [role="button"]):focus-visible {
  outline: 2px solid #d9ffad;
  outline-offset: 4px;
}
.investor-structure-copy input[type="range"] {
  height: 44px;
  background-size: 100% 4px;
  background-repeat: no-repeat;
  background-position: center;
}
.investor-structure-copy input[type="range"]:focus-visible { outline: 2px solid #d9ffad; outline-offset: 4px; }
.page--home .container { width: min(1280px, calc(100% - 80px)); }
.page--home .investor-hero {
  min-height: auto;
  padding-bottom: clamp(64px, 7vw, 112px);
}
.investor-hero-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: clamp(36px, 5vw, 76px);
}
.investor-hero-copy h1 {
  margin: 28px 0;
  font-size: clamp(56px, 5.4vw, 86px);
  line-height: 1.02;
  letter-spacing: -.065em;
  text-shadow: none;
}
.investor-hero-copy h1 em {
  background-image: linear-gradient(115deg, #d6f5e9, #96edda 65%, #b8d9f5);
}
.investor-lede { max-width: 52ch; font-size: clamp(16px, 1.2vw, 19px); line-height: 1.75; color: var(--radius-copy); }
.investor-hero-status { font-size: 10px; line-height: 1.7; letter-spacing: .08em; color: var(--radius-caption); }
.investor-hero-status b { flex-wrap: wrap; }
.page--home .eyebrow { color: var(--radius-caption); font-size: 11px; }
.investor-tape--hero .investor-tape-label small,
.investor-tape--hero .investor-tape-metrics { font-size: 10px; color: var(--radius-caption); }
.investor-tape--hero .investor-tape-metrics span,
.investor-tape--hero .investor-tape-metrics b,
.investor-tape--hero .investor-tape-metrics time { color: var(--radius-caption); font-size: 10px; letter-spacing: 0; }
.investor-tape--hero .investor-tape-symbol i { color: var(--radius-caption); font-size: 9px; }
.investor-tape--hero .investor-tape-item { flex-basis: 340px; width: 340px; }
.investor-tape--hero .investor-tape-item:focus-visible { outline: 2px solid #d9ffad; outline-offset: -4px; }
#main-content :is(.investor-tape-item, .investor-tape-label):focus-visible { outline-offset: -4px; }
.investor-tape--hero .investor-tape-window { overflow-x: auto; mask-image: none; -webkit-mask-image: none; scrollbar-width: thin; }
.investor-tape--hero .investor-tape-track { animation: none !important; transform: none !important; will-change: auto; }
.investor-tape--hero .investor-tape-group--clone { display: none; }
.investor-hero-status b::before { animation: none; box-shadow: none; }
.investor-hero-orbit { animation: none; opacity: .4; }
.investor-hero-copy, .investor-hero .investor-live-card, .investor-hero-orbit { translate: none; }
.ui-atmosphere { display: none; }
.investor-live-card { padding: clamp(22px, 2.4vw, 34px); border-radius: 24px; box-shadow: 0 20px 60px #0003; }
.investor-live-card:hover { transform: none; box-shadow: 0 20px 60px #0003; }
.investor-price-row { flex-wrap: wrap; align-items: start; gap: 16px; padding-top: 30px; }
.investor-price-row > strong { font-size: clamp(42px, 4.1vw, 64px); line-height: 1.08; overflow-wrap: anywhere; }
.investor-price-row div { flex: 1 1 160px; align-self: end; }
.investor-live-chart .asset-live-chart-empty { color: var(--radius-caption); font-size: 10px; }
.home-market-card .live-asset-card-source,
.home-market-card:hover .live-asset-card-source { color: var(--radius-caption); font-size: 10px; border-color: var(--radius-rule); }
.home-market-card .live-asset-card-source strong,
.home-market-card:hover .live-asset-card-source strong { color: var(--radius-paper); }
.live-asset-grid .live-asset-card.is-selected,
.live-asset-grid .live-asset-card.is-selected[data-tilt]:hover { color: var(--radius-paper); background: #15332d; border-color: #96edda; box-shadow: inset 0 0 0 1px #96edda; }
.live-asset-grid .live-asset-card.is-selected > div:first-child,
.live-asset-grid .live-asset-card.is-selected p,
.live-asset-grid .live-asset-card.is-selected dt,
.live-asset-grid .live-asset-card.is-selected .live-asset-card-source,
.live-asset-grid .live-asset-card.is-selected .market-card-action { color: #becbc8; }
.live-asset-grid .live-asset-card.is-selected > div:first-child b,
.live-asset-grid .live-asset-card.is-selected dd,
.live-asset-grid .live-asset-card.is-selected .live-asset-card-source strong { color: #f0f4ef; }
.investor-price-row small, .investor-price-row span,
.investor-live-head span, .investor-source-line span,
.investor-fee-card > span, .investor-loop-card > span,
.investor-roadmap-grid article > span, .investor-audience > span { color: var(--radius-caption); font-size: 10px; line-height: 1.65; letter-spacing: .07em; }
.investor-source-line { flex-wrap: wrap; gap: 8px; }
.investor-source-line code { max-width: 100%; font-size: 10px; white-space: normal; overflow-wrap: anywhere; }
.investor-mechanism-mini div { min-width: 0; padding: 14px 12px; }
.investor-mechanism-mini span { font-size: 12px; line-height: 1.6; color: var(--radius-copy); }
.investor-trust-row { gap: 8px; margin-top: 30px; }
.investor-trust-row span, .investor-audience b { color: var(--radius-copy); font-size: 10px; line-height: 1.5; letter-spacing: .06em; }
.investor-section { padding: clamp(64px, 8vw, 116px) 0; }
.investor-section-head { gap: 40px; margin-bottom: 40px; }
.investor-section-head h2 { font-size: clamp(34px, 4vw, 60px); line-height: 1.1; letter-spacing: -.045em; text-wrap: balance; }
.investor-section-head > p, .investor-section-head > div:last-child > p { color: var(--radius-copy); max-width: 48ch; font-size: 16px; }
.investor-choice-grid, .investor-roadmap-grid { gap: 16px; }
.investor-choice-grid article, .investor-roadmap-grid article { padding: 28px; }
.investor-choice-grid article p, .investor-flow article p,
.investor-roadmap-grid li, .investor-loop-card p { color: var(--radius-copy); line-height: 1.75; }
.investor-choice-grid article:not(.is-radius) { background: #0e1519; }
.investor-choice-grid article > span { color: var(--radius-caption); font-size: 11px; }
.investor-choice-grid article.is-radius { border-color: #96edda80; background: linear-gradient(145deg, #17332e, #101b20); }
.investor-final h2 { font-size: clamp(38px, 4.6vw, 72px); line-height: 1.1; letter-spacing: -.05em; }
.page--home .button { min-height: 48px; padding: 13px 18px; border-radius: 12px; }
.page--home .button.small { min-height: 44px; padding: 10px 12px; }
.page--home .hero-actions .button:first-child, .page--home .investor-final .button:first-child { background: #96edda; box-shadow: none; }
.page--home .hero-actions .button:first-child::before, .page--home .investor-final .button:first-child::before { display: none; }
.page--home .button:active { transform: translateY(1px); }
.motion-ready .investor-section-head[data-reveal],
.motion-ready .investor-structure-lab[data-reveal],
.motion-ready .investor-final-inner > [data-reveal] { filter: none; scale: 1; }
.motion-ready .investor-section-head[data-reveal].is-revealed,
.motion-ready .investor-structure-lab[data-reveal].is-revealed,
.motion-ready .investor-final-inner > [data-reveal].is-revealed {
  transition: opacity .45s ease, translate .45s ease;
}

/* The same evidence-first material language carries into working consoles. */
.radius-console { background: var(--radius-ink); color: var(--radius-paper); padding: clamp(24px, 5vw, 64px) 24px; font-family: Manrope, system-ui, sans-serif; }
.radius-console main { max-width: 1100px; }
.radius-console main > a, .radius-console main > p > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--radius-accent); font-size: 14px; text-underline-offset: 5px; }
.radius-console h1 { max-width: 18ch; margin: 20px 0 28px; font-size: clamp(36px, 5.4vw, 64px); line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; }
.radius-console h2 { margin: 0 0 14px; font-size: clamp(21px, 2.6vw, 28px); letter-spacing: -.025em; }
.radius-console p { color: var(--radius-copy); font-size: 15px; line-height: 1.75; }
.radius-console section { padding: clamp(22px, 3vw, 36px); margin: 24px 0; background: #10191e; border: 1px solid var(--radius-rule); border-radius: 22px; }
.radius-console .warning, .radius-console .deploy-warning { border-left: 3px solid #ffba87; background: #261f1a; padding: 18px 22px; color: #ffd0ad !important; border-radius: 0 12px 12px 0; font-size: 14px; }
.radius-console label { font-size: 14px; line-height: 1.6; color: #c8d6d1; }
.radius-console input, .radius-console select, .radius-console textarea { min-height: 48px; padding: 14px; border: 1px solid #4c655f; border-radius: 10px; background: #0a1115; color: var(--radius-paper); font-size: 16px; }
.radius-console textarea { font-size: 13px; line-height: 1.75; }
.radius-console :is(button, .deploy-button) { min-height: 48px; padding: 13px 18px; border-radius: 10px; border: 1px solid #96edda; background: #96edda; color: #081714; font: 700 14px/1.5 system-ui, sans-serif; transition: transform .16s ease, background-color .16s ease; }
.radius-console :is(button, .deploy-button):disabled { opacity: 1; color: #a2b5af; background: #18242a; border-color: #3c514b; cursor: not-allowed; }
.radius-console :is(button, .deploy-button):not(:disabled):active { transform: translateY(1px); }
.radius-console .actions, .radius-console .deploy-actions { gap: 12px; }
.radius-console :is(#disconnect, #refresh, #preview-bid, #restore-series, #check-receipt, .deploy-button.secondary, button[data-operation="withdrawDeposit"], button[data-operation="cancelBid"], button[data-operation="claimOrder"], button[data-operation="claimDeposit"], button[data-operation="closeFunding"], button[data-operation="clearAuction"], button[data-operation="beginSettlement"], button[data-operation="settle"], button[data-operation="enableEvidenceTimeoutRefund"], button[data-operation="enablePauseTimeoutRefund"]):not(:disabled) {
  color: #cfede4; background: #182b2b; border-color: #5c8980;
}
.radius-console :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid #d9ffad; outline-offset: 4px;
}
.radius-console pre, .radius-console #account, .radius-console .deploy-log { font: 13px/1.85 "DM Mono", ui-monospace, monospace; color: #c4ddd5; overflow-wrap: anywhere; }
.radius-console .deploy-log { margin-top: 20px; }
.radius-console summary { min-height: 44px; padding: 12px 0; color: var(--radius-accent); font-size: 14px; }
.radius-console details[open] summary { border-bottom: 1px solid var(--radius-rule); margin-bottom: 16px; }
.radius-console .deploy-stat span { color: var(--radius-caption); font-size: 11px; }
.radius-console .deploy-stat strong { line-height: 1.7; word-break: normal; overflow-wrap: anywhere; }

@media (hover: hover) and (pointer: fine) {
  .radius-console button:not(:disabled):hover { background: #b8f7e8; }
  .radius-console :is(#disconnect, #refresh, #preview-bid, #restore-series, #check-receipt, .deploy-button.secondary, button[data-operation]):not(:disabled):hover { color: #081714; background: #b8f7e8; }
  .page--home .button:hover { transform: translateY(-2px); }
}
@media (max-width: 1100px) {
  .topbar-actions .source-status-button, .topbar-actions .x-link-button { min-width: 44px; width: 44px; min-height: 44px; justify-content: center; }
  .source-status-button svg { flex-shrink: 0; display: block; }
  .investor-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .investor-hero-copy { max-width: 760px; }
  .investor-hero .investor-live-card { max-width: 760px; width: 100%; }
  .investor-section-head { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 760px) {
  .page--home .container { width: calc(100% - 36px); }
  .investor-hero-copy h1 { font-size: clamp(40px, 8.5vw, 62px); letter-spacing: -.05em; }
  .investor-hero-copy h1 em { color: #96edda; background: none; }
  .investor-hero-status { font-size: 10px; }
  .investor-choice-grid, .investor-roadmap-grid { grid-template-columns: minmax(0, 1fr); }
  .investor-choice-grid article { min-height: auto; }
  .investor-live-head { flex-wrap: wrap; gap: 14px; }
  .investor-mechanism-mini { grid-template-columns: minmax(0, 1fr); }
  .investor-mechanism-mini div { display: flex; gap: 16px; min-height: auto; align-items: baseline; }
  .investor-mechanism-mini b { margin: 0; }
  .investor-hero-orbit { display: none; }
  .radius-console { padding: 24px 16px; }
  .radius-console section { padding: 22px 18px; }
  .radius-console .deploy-grid { grid-template-columns: minmax(0, 1fr); }
  .radius-console .actions button, .radius-console .deploy-actions button { flex: 1 1 200px; }
}
@media (max-width: 430px) {
  .topbar-actions .x-link-button, .topbar-actions .source-status-button { display: none; }
  .topbar-inner .brand > span:not(.brand-mark) { display: none; }
  .topbar-inner .brand { min-width: 44px; min-height: 44px; justify-content: center; }
  .topbar-actions { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .radius-console *, .page--home .button,
  .motion-ready .investor-section-head[data-reveal],
  .motion-ready .investor-structure-lab[data-reveal],
  .motion-ready .investor-final-inner > [data-reveal] { transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
  .investor-hero-copy h1 em { color: CanvasText; background: none; }
  .investor-structure-copy input[type="range"] { appearance: auto; background: none; }
  .radius-console button:disabled { color: GrayText; border-color: GrayText; }
}