/* White homepage alternative: same content, motion and interaction. */
.homepage-white {
  --white-ink: #132b3b;
  --white-muted: #526675;
  --white-teal: #087c78;
  --white-line: #dbe8ea;
  --shadow: 0 8px 30px rgba(24, 67, 79, .06);
  --shadow-lg: 0 18px 45px rgba(24, 67, 79, .10);
  background: #fff;
  color: var(--white-ink);
}
.homepage-white .signal-hero { --signal-bg: #fff; color: var(--white-ink); background: #fff; }
.homepage-white .signal-hero::after { background: none; }
.homepage-white .signal-eyebrow { color: #276877; }
.homepage-white .signal-eyebrow::before { background: var(--white-teal); }
.homepage-white .signal-title { color: var(--white-ink); }
.homepage-white .signal-title .signal-emphasis { color: var(--white-teal); }
.homepage-white .signal-title .signal-subline { color: #344e5e; }
.homepage-white .signal-description { color: var(--white-muted); }
.homepage-white .signal-actions .btn,
.homepage-white .btn-cyan { background: #087c78; color: #fff; box-shadow: 0 5px 18px #087c781a; }
.homepage-white .signal-actions .btn:hover,
.homepage-white .btn-cyan:hover { background: #056360; color: #fff; box-shadow: 0 7px 24px #087c7826; }
.homepage-white .signal-secondary { color: #355567; border-color: #bccfd6; }
.homepage-white .signal-secondary:hover { color: #006d69; border-color: #006d69; }
.homepage-white .signal-explorer { --stage-color: #087c78; }
.homepage-white .signal-explorer h2 { color: #304e5a; }
.homepage-white .signal-step { background: transparent; color: #526675; border-color: #dbe8ea; }
.homepage-white .signal-step-number { color: #647781; }
.homepage-white .signal-step[aria-pressed="true"] { background: #edf7f5; color: #132b3b; border-color: var(--stage-color); }
.homepage-white .signal-step[aria-pressed="true"] .signal-step-number { color: var(--stage-color); }
.homepage-white .signal-step:hover { background: #f1f7f8; color: #132b3b; }
.homepage-white .signal-visual { background: radial-gradient(ellipse at 53% 46%, #e9f7f68c, #fff0 65%); }
.homepage-white .signal-visual-label { color: #526d7a; }
.homepage-white .signal-detail { background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,252,251,.95)); border-color: #cbdfe1; border-top-color: var(--stage-color); box-shadow: 0 14px 42px #183a4b1f, 0 2px 8px #183a4b08; }
.homepage-white .signal-detail h3 { color: #163444; }
.homepage-white .signal-detail > p:last-child { color: #455e6c; }
.homepage-white .signal-detail-close { color: #526675; }
.homepage-white .signal-detail-close:hover { background: #eaf3f3; color: #173e4b; }
.homepage-white .signal-hint { color: #5b707d; }
.homepage-white .signal-toggle { background: #fff; border-color: #c6dadf; color: #45646f; }
.homepage-white .signal-toggle:hover { background: #edf7f5; border-color: #087c78; color: #087c78; }
.homepage-white .signal-evidence { background: #f7fbfb; color: var(--white-ink); border-color: #dbe8ea; }
.homepage-white .signal-evidence-intro,
.homepage-white .signal-evidence-item .signal-evidence-source,
.homepage-white .signal-evidence-caveat { color: #5a707e; }
.homepage-white .signal-evidence-intro a { color: #23636d; }
.homepage-white .signal-evidence-item { border-color: #d2e2e5; }
.homepage-white .signal-evidence-item strong { color: #087c78; }
.homepage-white .signal-evidence-item .signal-evidence-caption { color: #344f5d; }

/* Carry the light treatment through the full homepage. */
.homepage-white #home .bg-navy { background-color: #f7fafb; }
.homepage-white #home .grid-motif { background-image: linear-gradient(rgba(47,106,125,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(47,106,125,.035) 1px, transparent 1px); }
.homepage-white #home .bg-light { background: #fbfcfd; }
.homepage-white #home .on-dark { color: var(--white-ink); }
.homepage-white #home .on-dark h1,
.homepage-white #home .on-dark h2,
.homepage-white #home .on-dark h3,
.homepage-white #home .on-dark h4 { color: var(--white-ink); }
.homepage-white #home .text-dim { color: var(--white-muted); }
.homepage-white #home .eyebrow-mute,
.homepage-white #home .evidence { color: #5b707d; }
.homepage-white #home .eyebrow-cyan-dark,
.homepage-white #home .link-cyan-dark,
.homepage-white #home .link-cyan { color: #087675; }
.homepage-white #home .link-cyan:hover,
.homepage-white #home .link-cyan-dark:hover { color: #075b64; }
.homepage-white #home .stat-num { color: #174758; }
.homepage-white #home .stat-edge { border-color: #5ca9ae; }
.homepage-white #home .proof-c { color: #426e38; }
.homepage-white #home .cyan { color: #197185; }
.homepage-white #home .tile { background: #eaf4f5; color: #087675; }
.homepage-white #home .capsule { background: #f6fafb; border-color: #087c78; box-shadow: none; }
.homepage-white #home .card { border-color: #dce7ea; }
.homepage-white #home .card-hover:hover { border-color: #68a8ac; box-shadow: var(--shadow); }
.homepage-white #home .browser-frame { background: #fff; border-color: #d7e3e8; }
.homepage-white #home .frame-bar { background: #eef4f6; border-bottom: 1px solid #d7e3e8; }
.homepage-white #home .frame-bar span { background: #9cb2bd; }
.homepage-white #home .frame-bar .lbl { color: #526675; }
.homepage-white #home .homepage-final-cta { background: radial-gradient(ellipse at 50% 100%, #e7f5f3, #fff 72%); border-top: 1px solid #dbe8ea; }
.homepage-white #home .rule-cyan { background: #087c78; }
.homepage-white .footer { background: #fff; color: #526675; border-top-color: #dbe8ea; }
.homepage-white .footer h4 { color: #243f50; }
.homepage-white .footer a { color: #526675; }
.homepage-white .footer a:hover { color: #087675; }
.homepage-white .footer-base { border-top-color: #dbe8ea; color: #5b707d; }
.homepage-white a:focus-visible,
.homepage-white button:focus-visible { outline-color: #167685; }
