/* KET Digital homepage — Mercury's look (mercury/v2/mercury-v2.css), minus the drop.
   Only what the homepage needs beyond the Mercury system lives here. */

/* No drop: keep the paper wash under the KET mark instead of fading it out for a scene. */
body::before {
  background:
    radial-gradient(55% 50% at 20% 46%, rgba(216, 219, 223, 0.7) 0%, rgba(216, 219, 223, 0) 70%),
    radial-gradient(40% 35% at 80% 70%, rgba(155, 184, 196, 0.18) 0%, rgba(155, 184, 196, 0) 70%),
    var(--paper);
}
html.scene-ready body::before { opacity: 1; }

.hero h1 { font-size: clamp(42px, 6.4vw, 92px); }
.hero-copy { max-width: 1120px; }
.hero-meta { max-width: 80ch; margin-left: auto; margin-right: auto; line-height: 1.7; }

/* the pipeline table: numbered stages in the agents-table format */
.pipeline td:first-child .n,
.ledger .n { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--ember-ink); margin-right: 14px; vertical-align: 3px; }
.pipeline td.preps { white-space: nowrap; font-family: var(--mono); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; }
.fig-cap span + span:not(.sp)::before { content: '·'; margin-right: 14px; color: var(--mute); }

/* three-column variants of Mercury's four-column grids */
.steps.three { grid-template-columns: repeat(3, 1fr); }
.about.three { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 980px) {
  .steps.three > li:nth-child(3) { border-left: 0; }
  .about.three > div:nth-child(3) { border-left: 0; }
}
@media (max-width: 600px) {
  .steps.three, .about.three { grid-template-columns: 1fr; }
}
.steps a, .lede a { color: inherit; }

/* a six-line ledger for outcomes and measures */
.ledger { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); }
.ledger li { padding: 26px 26px 28px; font-family: var(--serif); font-size: 19px; line-height: 1.35; color: var(--ink); border-top: 1px solid var(--hair-2); }
.ledger li:nth-child(-n+3) { border-top: 0; }
.ledger li:not(:nth-child(3n+1)) { border-left: 1px solid var(--hair-2); }
.ledger .n { display: block; margin: 0 0 10px; }
@media (max-width: 880px) {
  .ledger { grid-template-columns: 1fr 1fr; }
  .ledger li:nth-child(-n+3) { border-top: 1px solid var(--hair-2); }
  .ledger li:nth-child(-n+2) { border-top: 0; }
  .ledger li:not(:nth-child(3n+1)) { border-left: 0; }
  .ledger li:nth-child(2n) { border-left: 1px solid var(--hair-2); }
}
@media (max-width: 520px) {
  .ledger { grid-template-columns: 1fr; }
  .ledger li:nth-child(2n) { border-left: 0; }
  .ledger li:nth-child(2) { border-top: 1px solid var(--hair-2); }
}

/* proposal lines: words where Mercury has prices */
.plans .price b { font-size: clamp(30px, 3vw, 38px); }
.plans p strong { color: var(--ink); font-weight: 400; }
.plans .micro { margin-top: auto; font-family: var(--mono); font-size: 11px; letter-spacing: 0.04em; color: var(--mid); }
.ticks { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.ticks li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--slate); }
.ticks li::before { content: ''; position: absolute; left: 0; top: 0.62em; width: 6px; height: 6px; background: var(--ember); }

/* one serif line under a figure */
.close-line { margin-top: 28px; font-family: var(--serif); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.4; color: var(--slate); max-width: 62ch; }
.close-line em { color: var(--mid); }

.close-sub { margin: 26px auto 0; max-width: 54ch; font-family: var(--serif); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.5; color: var(--slate); }
.close-in .hero-actions { margin-top: 34px; }
.close-in .hero-meta { margin-top: 22px; }