/* V59 review pass — clearer contrast, calmer surfaces and readable type. */

:root {
  --bg: #07090c;
  --bg-deep: #040609;
  --surface: #10151c;
  --surface-2: #161c24;
  --surface-3: #1c2430;
  --border: #2b3440;
  --border-strong: #414d5c;
  --text: #f5f7fa;
  --text-soft: #d5dbe3;
  --muted: #a6b0bd;
  --faint: #7b8796;
}

body {
  background:
    radial-gradient(circle at 82% 7%, rgba(91, 132, 255, .035), transparent 24%),
    var(--bg);
}

.site-nav {
  background: rgba(7, 9, 12, .82);
}

.site-nav.is-scrolled {
  border-color: rgba(43, 52, 64, .9);
  background: rgba(7, 9, 12, .96);
}

.section,
.testimonial-section,
.home-evidence,
.proof-transition {
  border-color: rgba(43, 52, 64, .78);
}

.hero-copy > p,
.section-head > p,
.compact-heading > p,
.pricing-header > p,
.conversion-panel > p,
.legal-document p,
.legal-document li {
  color: var(--muted);
}

.eyebrow,
.micro-label,
.terminal-label,
.pricing-kicker,
.legal-meta,
.hero-assurances span,
.terminal-metrics span,
.product-version-list,
.media-caption {
  color: var(--faint);
}

/* Keep supporting text readable without turning the page into oversized copy. */
.hero-copy > p,
.section-head > p,
.compact-heading > p,
.pricing-header > p {
  font-size: 16px;
  line-height: 1.82;
}

.hero-assurances b {
  font-size: 13px;
}

.hero-assurances span,
.media-caption,
.terminal-metrics span,
.home-evidence-grid p,
.proof-transition-grid p {
  font-size: 12px;
  line-height: 1.72;
}

.home-evidence-grid article,
.proof-transition-grid article,
.problem-grid article,
.fit-grid article,
.pricing-card,
.delivery-steps li,
.faq-list details,
.contact-option,
.entity-panel,
.contact-panel,
.conversion-panel {
  background-color: rgba(16, 21, 28, .9);
}

/* Weekly test card: one clean plane with a stronger reading hierarchy. */
.trial-access {
  border-color: rgba(91, 132, 255, .46);
  background:
    linear-gradient(105deg, rgba(91, 132, 255, .07), transparent 46%),
    #10151c;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.trial-copy > p:first-child,
.trial-price span {
  color: #91a0b2;
  font-size: 12px;
}

.trial-copy > p:last-child {
  max-width: 710px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.82;
}

.trial-rules li {
  color: var(--text-soft);
  font-size: 14px;
  line-height: 1.65;
}

.trial-timeline {
  border-color: #2f3946;
  background: #2f3946;
}

.trial-timeline li {
  min-height: 82px;
  padding: 17px 19px;
  background: #0c1117;
}

.trial-timeline li:not(:last-child)::after {
  border-color: rgba(109, 149, 255, .62);
  background: #0c1117;
}

.trial-timeline span {
  color: #8996a7;
  font-size: 12px;
}

.trial-timeline b {
  font-size: 16px;
  line-height: 1.45;
}

/* Dialog: reduce translucent grey stacking and increase copy contrast. */
.trial-dialog {
  border-color: rgba(91, 132, 255, .52);
  background:
    radial-gradient(circle at 90% 5%, rgba(91, 132, 255, .13), transparent 29%),
    #0b1016;
}

.trial-dialog-head,
.trial-dialog-schedule,
.trial-dialog-footer {
  border-color: #29323e;
}

.trial-dialog-head > p:first-child,
.trial-copy-row span,
.trial-request-box > span {
  color: #8996a7;
  font-size: 12px;
}

.trial-dialog-head > p:last-child {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.82;
}

.trial-dialog-schedule {
  background: #0e151f;
}

.trial-dialog-schedule span {
  color: #7f8c9d;
  font-size: 12px;
}

.trial-dialog-schedule b {
  color: var(--text-soft);
  font-size: 14px;
}

.trial-copy-row {
  border-color: rgba(91, 132, 255, .34);
  background: #111a27;
}

.trial-request-box {
  border-color: #303a47;
  background: #0e131a;
}

.trial-request-box pre {
  background: #080c11;
  color: var(--text-soft);
  font-size: 14px;
  line-height: 1.78;
}

.trial-dialog-notes li {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.72;
}

.trial-dialog-footer a,
.trial-dialog-footer button {
  font-size: 14px;
}

/* Guide and legal pages should feel like documents, not dim dashboard panels. */
.guide-quick-note {
  border-color: #303a47;
  background: #303a47;
}

.guide-quick-note div {
  background: #10161e;
}

.guide-quick-note span,
.page-guide .legal-meta {
  color: #8794a5;
  font-size: 12px;
}

.guide-quick-note b,
.guide-steps b {
  font-size: 16px;
}

.guide-steps li {
  border-color: #2d3743;
  background: #0f141b;
}

.guide-steps p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.82;
}

.remote-boundary {
  border-color: rgba(213, 186, 128, .35);
  background: #17150f;
}

/* V60: the product now has two indicators, so the architecture and version
   rows should read as a deliberate pair instead of leaving a third empty slot. */
.decision-chain-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.version-ledger {
  grid-template-columns: auto auto minmax(0, 1fr) auto minmax(0, 1fr);
}

.price-card h3 small {
  color: #8f9bab;
  font-size: .52em;
  font-weight: 600;
  letter-spacing: .04em;
}

@media (max-width: 1080px) and (min-width: 721px) {
  .version-ledger {
    grid-template-columns: auto auto minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .version-ledger > span {
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .decision-chain-grid,
  .version-ledger {
    grid-template-columns: 1fr;
  }

  .hero-copy > p,
  .section-head > p,
  .compact-heading > p,
  .pricing-header > p {
    font-size: 15px;
  }

  .trial-copy > p:last-child,
  .guide-steps p {
    font-size: 14px;
  }
}