/* v8 — white ground, daylight photography, space before decoration.
   Shared by the landing and product pages; earlier landing versions are preserved. */
:root {
  --paper:#fff;
  --paper-warm:#fafafa;
  --ink:#202222;
  --ink-80:#414444;
  --muted:#626666;
  --line:#e6e8e7;
  --accent:#3e7f5d;
  --accent-text:#32694d;
  --accent-soft:#f0f6f2;
  --signal:#32694d;
  --page:1400px;
  --gutter:clamp(24px,5.5vw,80px);
}
body {background:#fff;color:var(--ink)}
body::after,.hero-media::after,.closing-media::after {content:none}
.sec,.story {padding:clamp(88px,11vw,164px) 0}
.platform,.story,#results {background:#fff;color:var(--ink)}
.bar {background:#fff;color:var(--muted);border:0}
.bar button {color:var(--muted)}
.nav,.nav.solid {background:#fff;color:var(--ink);border:0;box-shadow:none;backdrop-filter:none}
.nav .wrap,.nav.solid .wrap {max-width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}
.nav .brand svg,.nav.solid .brand svg {color:var(--accent)}
.nav .btn,.nav.solid .btn-light,.hero-cta .btn-light,.closing .btn-light {
  background:var(--ink);color:#fff;border-color:var(--ink);
}
.nav .btn:hover,.nav.solid .btn-light:hover,.hero-cta .btn-light:hover,.closing .btn-light:hover {
  background:#414444;color:#fff;border-color:#414444;
}
.sub {color:var(--muted);line-height:1.7}
.label,#results .label {color:var(--muted)}

/* The photographs read as pale architecture on the white page. */
.hero {
  min-height:760px;min-height:max(760px,calc(100svh - var(--nav-h) - var(--bar-real,34px)));
  background:#fff;display:flex;flex-direction:column;justify-content:center;
}
.hero-media {inset:0 0 90px;background:#fff}
.hero-media img {
  filter:grayscale(1) brightness(1.65) contrast(.72);
  opacity:.3;object-position:26% 42%;
}
.hero::after {
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(255,255,255,.28) 50%,#fff 100%);
}
.hero-inner {color:var(--ink);padding:96px 0 104px;max-width:960px}
.hero .display {font-size:clamp(44px,5.7vw,80px);line-height:1.08;max-width:19ch}
.hero .sub {color:#515757;max-width:46ch;margin-top:32px;font-size:19px;line-height:1.7}
.hero-eyebrow {color:#515757;letter-spacing:.1em;margin-bottom:36px}
.live-dot {background:var(--accent);box-shadow:none}
.hero-cta {gap:16px;margin-top:38px}
.hero-cta .btn {min-height:50px;padding:16px 24px}
.hero-cta .btn-outline-light {
  color:var(--ink);background:#ffffffb3;border:1px solid #cdd2cf;
  box-shadow:none;backdrop-filter:none;
}
.hero-cta .btn-outline-light::before {content:none}
.hero-cta .btn-outline-light:hover {background:#fff;border-color:#8f9792}
.glass-label,.btn-outline-light:hover .glass-label {padding:0;background:none;color:inherit}
.hero-logos {position:relative;width:100%;padding:24px 0 48px}
.hero-logos::before {content:none}
.hero-logos-label {color:var(--muted);padding-bottom:28px}
.mk img {filter:grayscale(1) brightness(0);opacity:.65}
.mk .fb {color:#515757;opacity:1}
.marquee-track {animation:none;width:100%}
.marquee-group {width:100%;justify-content:center;flex-wrap:wrap;gap:28px clamp(28px,4vw,64px);padding:0 var(--gutter)}
.marquee-group[aria-hidden="true"] {display:none}

/* Whitespace separates sections; fine lines remain only inside data graphics. */
.capsec,.story-outcome,.outcome-tease,.source-examples,.scard,.mgrid .scard,.certs,.fbase {border:0}
.capsec > .wrap {gap:clamp(48px,6vw,88px)}
.capsec .section-head .sub {margin-top:30px;line-height:1.75}
.capsec .label {margin-bottom:28px}
.source-heading {margin-bottom:32px}
.source-examples>summary {padding:20px 0}
.source-docs {gap:24px}
.art {border:0;box-shadow:none;background:#fafafa;padding:28px}
.data-flow {min-height:370px;margin-block:36px 48px}
.vendor,.flow-outputs span {border:0;background:#f7f8f7}
.model-orb {background:#f5f7f5;color:var(--ink);box-shadow:none;border:0}
.model-orb::before {content:none}
.model-orb small {color:var(--accent-text)}
.flow-live .model-orb,.flow-live .flow-outputs span {animation:none}
.story-outcome {padding-top:56px}
.outcome-tease {margin-top:32px;padding-top:0}
.mpill {border:0;background:none;padding-inline:.12em}

/* One soft canvas, white documents, and legible neutral financial data. */
.scene {background:#f7f8f7;color:var(--ink);border:0;box-shadow:none;--scene-muted:#626666;--signal:#32694d}
.scene[data-kind] .scene-body {background:#f7f8f7;padding:44px 32px;min-height:440px}
.scene-top,.scene-caption,.scene-controls {border:0;background:transparent}
.capsec .scene-top {padding:24px 28px 12px;color:var(--muted)}
.scene .scene-status,.scene-top .example-label {color:var(--muted)}
.scene .scene-status .live-dot {background:var(--accent)}
.scene-mark svg {color:var(--accent)}
.scene-mark img {filter:none}
.capsec .scene-caption {padding:16px 32px 28px;min-height:100px}
.caption-num,.scene-caption p {color:var(--muted)}
.scene-controls {padding:0 18px 18px;gap:10px;flex-wrap:wrap}
.step-tabs {gap:6px}
.step-tab {border:0;border-radius:6px;color:var(--muted)}
.step-tab b {color:var(--muted)}
.step-tab[aria-pressed="true"],.step-tab:hover {background:#e8ece9;color:var(--ink)}
.step-tab[aria-pressed="true"] b {color:var(--ink)}
.step-tab::after {display:none}
.capsec .transport {border:0;padding:0;gap:8px;margin-left:auto}
.transport button {background:#fff;border-color:var(--line);color:var(--ink);min-height:40px}
.transport button:hover {background:#e8ece9}
.transport button:disabled {color:#747976;border-color:var(--line)}
.mini-label,.story-orb small,.allocation-origin span,.allocation-halves span,.allocation-halves small,
.tied-numbers span,.tied-numbers>b,.support-equation small,.support-equation b,.single-profit-chart>span,
.zero-axis span,.reversal-chart>div>span,.loss-story>small,.watch-schedule,.threshold-mark,.breach-story>p,
.allocation-summary>p:not(.success-seal),.summary-split span,.summary-split small,
.summary-math span,.summary-math>b,.loss-label {color:var(--muted)}
.focus-invoice,.recognised-card,.finding-email {border:0;background:#fff;box-shadow:none;color:var(--ink)}
.recognised-context {border:0;padding-bottom:12px}
.recognised-amount {border:0;background:#f7f8f7;padding:20px 16px;border-radius:6px}
.recognised-card>strong {color:var(--ink)}
.story-orb {background:#fff;border:0;box-shadow:none}
.allocation-origin {background:#fff;border:0;backdrop-filter:none}
.allocation-halves>div,.allocation-halves>div:last-child,.summary-split>div {background:#fff;border:0;padding-block:28px}
.share-meter,.threshold-track {background:#e0e5e2}
.share-meter i,.allocation-halves>div:last-child .share-meter i,.threshold-fill {background:#69766f}
.success-seal {background:#eef5f0;border:0;box-shadow:none;color:var(--accent-text)}
.support-equation .cost-number {background:#fff;border:0;box-shadow:none}
.support-equation .cost-number strong,.loss-number,.loss-story .loss-number {color:var(--ink)}
.single-profit-chart i,.reversal-before i {background:#8d9992}
.reversal-after i {background:repeating-linear-gradient(135deg,#67746b 0 2px,#f7f8f7 2px 5px);border-color:#67746b}
.threshold-mark::before {background:#69766f}
.loss-story>small.verified-proof {color:var(--accent-text)}
.watch-context,.finding-driver,.finding-details {border:0}
.watch-context {padding-block:16px}
.finding-driver {padding-block:16px}
.finding-details {margin-top:18px}

/* Results and trust breathe on the same white ground. */
.res-rail {gap:28px;margin-top:56px;scrollbar-color:#ccd2ce #fff}
.res-rail::-webkit-scrollbar-thumb {background:#ccd2ce}
.res-card {background:#f8f9f8;border:0;padding:36px;min-height:440px}
.res-tag,.res-who,.res-who b {color:var(--muted)}
.res-fig,.res-card:first-child .res-fig,.res-out,.res-what {color:var(--ink)}
.res-fig {margin-top:34px}
.res-what {margin-top:30px;line-height:1.4}
.res-who {padding-top:36px}
.res-nav button {background:#f5f7f5;border-color:transparent;color:var(--ink)}
.res-nav button:hover {background:#e8ece9;border-color:transparent}
.res-nav button:disabled {border-color:transparent}
.sgrid {gap:48px;margin-top:64px}
.mgrid {gap:40px;margin-top:40px}
.scard {padding-top:0}
.scard p {margin-top:18px;color:var(--muted);line-height:1.75}
.sec-sub {margin-top:96px}
.certs {margin-top:52px;padding-top:0;gap:24px}
.closing {background:#fff;color:var(--ink);padding:clamp(112px,13vw,192px) 0}
.closing-media {background:#fff}
.closing-media img {filter:grayscale(1) brightness(1.7) contrast(.65);opacity:.24}
.closing::after {background:linear-gradient(180deg,#fff,rgba(255,255,255,.5) 45%,#fff)}
.closing .sub {color:var(--muted)}
.closing .btn {margin-top:40px}
footer {background:#fff;color:var(--ink);padding:80px 0 48px}
footer .brand span {color:var(--ink)}
footer h4,footer li a,.fbase,footer .fgrid>div>p {color:var(--muted)}
footer li {margin-bottom:14px}
footer li a:hover {color:var(--ink)}
.fbase {margin-top:72px;padding-top:0}

/* The linked product page shares the same light canvas. */
.product-light .pagehead {padding:clamp(88px,10vw,144px) 0 24px}
.product-light .scenes {
  --plate:#f5f7f5;--mark:#34453b;--mark-2:#5f6c64;--mark-3:#d9e0db;
  --card:#fff;--card-ink:#202222;--card-dim:#626666;--card-pale:#7a847e;
  background:#fff;padding:80px 0 144px;
}
.product-light .cards {gap:88px 56px}
.product-light .card {padding:0;border-radius:6px}
.product-light .card-head h3 {font:400 clamp(28px,2.7vw,38px)/1.15 var(--font-display)}
.product-light .frame {margin-top:32px;border-radius:6px}
.product-light .frame canvas {filter:brightness(0);opacity:.65}
.product-light .card-foot {margin-top:28px;gap:28px}
.product-light .card-desc {font-size:14px;line-height:1.7;margin-top:12px}
.product-light .tile b {color:var(--ink)}
.product-light .tiles .bar {height:auto}
.product-light footer .fgrid>div>p {color:var(--muted)!important}
.product-light .rise {opacity:1;transform:none}

@media(min-width:960px) {
  .capsec .scene[data-kind] .scene-body {padding:44px 32px;min-height:440px}
}
@media(max-width:959px) {
  .capsec > .wrap {gap:48px}
  .scene {max-width:680px;justify-self:center}
  .product-light .cards {gap:72px}
}
@media(max-width:700px) {
  :root {--gutter:24px}
  .sec,.story {padding:88px 0}
  .hero {min-height:0}
  .hero-inner {padding:80px 0 72px}
  .hero .display {font-size:clamp(40px,9.5vw,60px);max-width:17ch}
  .hero .sub {font-size:17px;margin-top:28px}
  .hero-eyebrow {font-size:9px;letter-spacing:.04em;margin-bottom:30px}
  .hero-cta {gap:12px;margin-top:32px}
  .hero-cta .btn {font-size:13px;padding:15px 18px;min-height:46px}
  .hero-logos {padding:16px 0 36px}
  .hero-logos-label {font-size:9px;letter-spacing:.06em}
  .marquee-group {gap:24px 28px}
  .mk .fb {font-size:14px}
  .data-flow {min-height:0;margin-block:32px 40px}
  .story-outcome {padding-top:32px}
  .capsec .scene[data-kind] .scene-body {padding:32px 20px;min-height:390px}
  .capsec .scene-top {padding:22px 20px 12px}
  .capsec .scene-caption {padding:20px 22px 28px}
  .scene-controls {padding:0 12px 16px;gap:12px}
  .capsec .transport {padding:0 4px}
  .res-rail {gap:20px;margin-top:40px}
  .res-card {padding:30px 26px;min-height:420px;flex-basis:88%}
  .sgrid,.mgrid {gap:36px;margin-top:40px}
  .sec-sub {margin-top:64px}
  .certs {gap:20px;margin-top:40px}
  .closing {padding:112px 0}
  footer {padding-top:64px}
  .fbase {margin-top:48px}
  .product-light .pagehead {padding-top:80px}
  .product-light .scenes {padding:56px 0 96px}
  .product-light .card-foot {flex-wrap:wrap;gap:20px}
  .product-light .card-metric {text-align:left}
  .product-light .card-desc {max-width:46ch}
}
@media(max-width:360px) {
  :root {--gutter:20px}
  .hero-eyebrow {font-size:8px}
  .hero-cta .btn {padding-inline:14px}
  .capsec .scene[data-kind] .scene-body {padding-inline:16px}
}