@font-face {
  font-family: "Jake Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets-brand/fonts/inter-400.ttf") format("truetype");
}

@font-face {
  font-family: "Jake Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets-brand/fonts/inter-600.ttf") format("truetype");
}

@font-face {
  font-family: "Jake Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/assets-brand/fonts/inter-800.ttf") format("truetype");
}

:root {
  --js-white: #ffffff;
  --js-light-gray: #f7f7f5;
  --js-navy: #1b2541;
  --js-rust: #c4663a;
  --js-rust-dark: #a64e2e;
  --js-body: #505660;
  --js-muted: #727780;
  --js-line: #e1e3e6;
  color-scheme: light;
}

/* Keep every production candidate on the same saved concept tokens. */
:root,
body,
body > div,
body > main,
body > x-dc,
[class*="_root__"],
[class*="_theme__"],
.ex-meta-learn-static,
[data-screen-label] {
  --cream: var(--js-white) !important;
  --cream-2: var(--js-light-gray) !important;
  --cream-soft: var(--js-light-gray) !important;
  --cream-deep: var(--js-light-gray) !important;
  --paper: var(--js-white) !important;
  --paper-deep: var(--js-light-gray) !important;
  --paper-alt: var(--js-light-gray) !important;
  --surface: var(--js-white) !important;
  --card: var(--js-white) !important;
  --bone: var(--js-white) !important;
  --bone-alt: var(--js-light-gray) !important;
  --band: var(--js-light-gray) !important;
  --tan: var(--js-light-gray) !important;
  --sand: var(--js-light-gray) !important;
  --glow: var(--js-light-gray) !important;
  --tint: var(--js-light-gray) !important;
  --accent-wash: var(--js-light-gray) !important;
  --ink: var(--js-navy) !important;
  --ink2: var(--js-body) !important;
  --ink-soft: var(--js-body) !important;
  --body: var(--js-body) !important;
  --sub: var(--js-body) !important;
  --mut: var(--js-muted) !important;
  --muted: var(--js-muted) !important;
  --meta: var(--js-muted) !important;
  --line: var(--js-line) !important;
  --line2: var(--js-line) !important;
  --line-soft: var(--js-line) !important;
  --hairline: var(--js-line) !important;
  --control-line: #aab2bf !important;
  --navy: var(--js-navy) !important;
  --navy-2: var(--js-navy) !important;
  --navy-soft: #35405f !important;
  --dark: var(--js-navy) !important;
  --dark-muted: #cbd2dc !important;
  --green: var(--js-navy) !important;
  --green-deep: #151e36 !important;
  --on-dark: var(--js-white) !important;
  --on-dark-muted: #cbd2dc !important;
  --rust: var(--js-rust) !important;
  --rust-dark: var(--js-rust-dark) !important;
  --coral: var(--js-rust) !important;
  --coral-hover: var(--js-rust-dark) !important;
  --accent: var(--js-rust) !important;
  --accent-deep: var(--js-rust-dark) !important;
  --accent-hover: var(--js-rust-dark) !important;
  --accent-text: var(--js-rust-dark) !important;
  --blue: var(--js-rust) !important;
  --gold: var(--js-rust) !important;
  --serif: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --disp: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-display: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-serif: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-space-grotesk: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-evergreen-display: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --font-instrument-serif: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html,
body {
  background: var(--js-white) !important;
  background-color: var(--js-white) !important;
}

body,
button,
input,
select,
summary,
textarea {
  font-family: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

h1[tabindex="-1"]:focus {
  outline: none !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--js-rust) !important;
  outline-offset: 3px !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display,
.font-serif,
.logo-serif,
.brand,
.mark,
.qtext,
.signature,
[class*="BrandName"],
[class*="brandName"],
[class*="Wordmark"],
[class*="wordmark"],
[class*="Signature"],
[class*="signature"],
[style*="font-family:var(--serif)" i],
[style*="font-family: var(--serif)" i] {
  font-family: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

[data-screen-label="Home"] *,
.wheel-num,
[class*="page_root"] :where(p, strong, blockquote, figcaption),
[style*="font-family: Fraunces" i],
body.v23-result-preview .wm,
body.v23-result-preview .next,
body.v23-result-preview .next i,
body.v22-preview .wm,
body.v22-preview .next,
body.v22-preview .next i,
body.v24-motion-preview .wm,
body.v24-motion-preview .next,
body.v24-motion-preview .next i,
body.v24-full-readout-preview .wm,
body.v24-full-readout-preview .next,
body.v24-full-readout-preview .next i,
body.v218-original-readout-preview .wm,
body.v218-original-readout-preview .next,
body.v218-original-readout-preview .next i {
  font-family: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Shared navigation surfaces. */
.topbar,
.navwrap,
.site-header,
[class*="WarmSiteHeader_topbar"] {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: var(--js-line) !important;
}

.topbar .navmenu,
.topbar .mobile-panel,
[class*="WarmSiteHeader_navmenu"],
[class*="WarmSiteHeader_mobilePanel"] {
  background: var(--js-white) !important;
  border-color: var(--js-line) !important;
  box-shadow: 0 22px 54px rgba(27, 37, 65, 0.12) !important;
}

.topbar .menu-link:hover,
.topbar .menu-link:focus-visible,
[class*="WarmSiteHeader_menuLink"]:hover,
[class*="WarmSiteHeader_menuLink"]:focus-visible,
[class*="WarmSiteHeader_mobilePlainLinks"] a:hover,
[class*="WarmSiteHeader_mobilePlainLinks"] a:focus-visible {
  background: var(--js-light-gray) !important;
  color: var(--js-rust-dark) !important;
}

/* Homepage. White neutral surfaces, gray editorial bands, and scoped fades. */
[data-screen-label="Home"],
.home-v2-hero,
.home-company-note,
.home-paths,
.home-story {
  background: var(--js-white) !important;
  background-color: var(--js-white) !important;
}

.home-blog-feed {
  background: var(--js-light-gray) !important;
}

/* The closing invitation was moved upward with relative positioning, but its
   original space remained in the page flow. Collapse that phantom space so
   the footer follows the invitation at the intended 96px rhythm. */
[data-screen-label="Home"] #book {
  top: 0 !important;
  margin-top: -345px !important;
}

.home-v2-hero h1,
.home-paths h2,
.home-blog-head h2 {
  color: var(--js-navy) !important;
}

.home-path-card,
.home-blog-card {
  background: var(--js-white) !important;
  border-color: var(--js-line) !important;
}

.home-v2-eyebrow::before {
  background: var(--js-rust) !important;
}

.home-v2-wash {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 43%,
    rgba(255, 255, 255, 0.92) 54%,
    rgba(255, 255, 255, 0.12) 82%
  ) !important;
}

[data-screen-label="Home"] section[style*="background-color: #FFF9F1"] [data-marquee] + div {
  background: linear-gradient(to right, #ffffff 20%, rgba(255, 255, 255, 0)) !important;
}

[data-screen-label="Home"] section[style*="background-color: #FFF9F1"] [data-marquee] + div + div {
  background: linear-gradient(to left, #ffffff 20%, rgba(255, 255, 255, 0)) !important;
}

[data-screen-label="Home"] [style*="rgba(179,154,94" i] {
  background: rgba(196, 102, 58, 0.18) !important;
}

[data-screen-label="Home"] [style*="rgba(232,217,180" i] {
  background: rgba(225, 227, 230, 0.86) !important;
}

.lever {
  background: linear-gradient(145deg, #f7f7f5, #ffffff) !important;
}

.acc.open {
  background: linear-gradient(90deg, #f7f7f5, rgba(247, 247, 245, 0.35)) !important;
}

/* Keep green only where the sample portal uses it to mean complete or healthy. */
.mzone,
.acctTag,
.tag.ok {
  color: #2f5741 !important;
}

.tag.ok::before {
  background: #2f5741 !important;
}

path[fill="#B08432"] {
  fill: var(--js-muted) !important;
  opacity: 0.18 !important;
}

[style*="rgb(176, 132, 50)" i] {
  background-color: rgba(114, 119, 128, 0.08) !important;
  border-color: rgba(114, 119, 128, 0.18) !important;
}

[style*="rgb(138, 106, 31)" i] {
  color: var(--js-body) !important;
}

/* Services and situation pages. */
.hero-wash {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 42%,
    rgba(255, 255, 255, 0.9) 54%,
    rgba(255, 255, 255, 0.18) 82%
  ) !important;
}

.topic-panel {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

.path-hero {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #f7f7f5 100%) !important;
}

.services-overview-hero {
  background:
    radial-gradient(circle at 78% 28%, rgba(196, 102, 58, 0.1), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f7f7f5 100%) !important;
}

.sequence-card.featured {
  background: var(--js-light-gray) !important;
  border-color: var(--js-rust) !important;
}

/* About and process pages. */
.firm,
.phases-sec,
.press-quote {
  background: var(--js-light-gray) !important;
}

.disc {
  background: radial-gradient(
    circle at 50% 38%,
    #f7f7f5 0%,
    #f7f7f5 62%,
    rgba(247, 247, 245, 0) 72%
  ) !important;
}

.book .band {
  background: radial-gradient(
    ellipse closest-side at 50% 50%,
    #ffffff 45%,
    #f7f7f5 78%,
    rgba(247, 247, 245, 0) 100%
  ) !important;
}

.year i.tax,
.year-key .dotg {
  background: rgba(196, 102, 58, 0.16) !important;
}

.fees .plain {
  background: rgba(255, 255, 255, 0.06) !important;
}

.cadence.monthly i {
  background: rgba(255, 255, 255, 0.22) !important;
}

/* Generated resource, legal, blog, and guide pages. */
[class*="BlogTheme_theme"],
[class*="page_root"] {
  background: var(--js-white) !important;
}

.BlogArchive_filterPanel__Dkxf9,
[class*="BlogArchive_filterPanel"] {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

.BlogArchive_tags__8ZbVj span,
[class*="BlogArchive_tags"] span {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

[class*="page_heroVisual"],
[class*="page_photoCaption"],
[class*="page_trustBar"] {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

main[class*="bg-[#F6F5F2]"],
header[class*="bg-[#F6F5F2]"],
[class*="bg-[#FAF9F6]"] {
  background-color: var(--js-white) !important;
}

[class*="bg-[#FBF4E3]"] {
  background-color: var(--js-light-gray) !important;
}

[class*="bg-[#171717]"] {
  background-color: var(--js-navy) !important;
}

.path-card,
.chip,
.check-opt,
.match-item,
.callout,
.cmp thead th,
.flow .fn,
.keep-quiet {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

.match-item.yes {
  background: #f1f7f2 !important;
  border-color: #bbd8c7 !important;
}

/* Tech Money Decisions keeps LinkedIn blue only where it identifies LinkedIn. */
.site-header {
  background: rgba(255, 255, 255, 0.96) !important;
}

/* Standalone guide and X Ray templates carry a few inline neutral canvases. */
.guide-email-card {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

#quick-start .money-paper,
#quick-start .money-card {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
}

#quick-start .money-paper-stack::before,
#quick-start .money-paper-stack::after {
  background: var(--js-white) !important;
  border-color: var(--js-line) !important;
}

#dc-root h1 {
  color: var(--js-navy) !important;
}

#dc-root {
  color: var(--js-navy) !important;
}

[style*="background: rgb(230, 223, 208)" i] {
  background: var(--js-line) !important;
}

[style*="background: rgb(18, 41, 29)" i] {
  background: var(--js-navy) !important;
}

[style*="background: rgb(228, 87, 46)" i] {
  background: var(--js-rust) !important;
}

[style*="color: rgb(27, 36, 30)" i] {
  color: var(--js-navy) !important;
}

[style*="color: rgb(90, 86, 75)" i],
[style*="color: rgb(107, 102, 86)" i] {
  color: var(--js-body) !important;
}

[style*="color: rgb(138, 132, 116)" i],
[style*="color: rgb(110, 104, 88)" i] {
  color: var(--js-muted) !important;
}

[style*="rgb(255, 253, 248)" i] {
  background-color: var(--js-light-gray) !important;
}

[style*="rgb(239, 233, 221)" i] {
  background-color: var(--js-light-gray) !important;
}

[style*="rgb(247, 244, 236)" i] {
  background-color: var(--js-white) !important;
}

body.v23-result-preview,
body.v22-preview,
body.v24-motion-preview,
body.v24-full-readout-preview,
body.v218-original-readout-preview {
  background: var(--js-light-gray) !important;
  color: var(--js-body) !important;
  font-family: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.v23-result-preview .wm,
body.v22-preview .wm,
body.v24-motion-preview .wm,
body.v24-full-readout-preview .wm,
body.v218-original-readout-preview .wm {
  color: var(--js-rust) !important;
}

body.v23-result-preview .steps .sd.now,
body.v22-preview .steps .sd.now,
body.v24-motion-preview .steps .sd.now,
body.v24-full-readout-preview .steps .sd.now,
body.v218-original-readout-preview .steps .sd.now {
  background: var(--js-rust) !important;
  border-color: var(--js-rust) !important;
}

body.v23-result-preview .eyebrow,
body.v22-preview .eyebrow,
body.v24-motion-preview .eyebrow,
body.v24-full-readout-preview .eyebrow,
body.v218-original-readout-preview .eyebrow {
  background: var(--js-light-gray) !important;
  border-color: var(--js-line) !important;
  color: var(--js-navy) !important;
}

body.v23-result-preview h1 em,
body.v22-preview h1 em,
body.v24-motion-preview h1 em,
body.v24-full-readout-preview h1 em,
body.v218-original-readout-preview h1 em {
  color: var(--js-rust) !important;
}

body.v23-result-preview h1,
body.v23-result-preview h2,
body.v23-result-preview h3,
body.v22-preview h1,
body.v22-preview h2,
body.v22-preview h3,
body.v24-motion-preview h1,
body.v24-motion-preview h2,
body.v24-motion-preview h3,
body.v24-full-readout-preview h1,
body.v24-full-readout-preview h2,
body.v24-full-readout-preview h3,
body.v218-original-readout-preview h1,
body.v218-original-readout-preview h2,
body.v218-original-readout-preview h3 {
  color: var(--js-navy) !important;
  font-family: "Jake Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Exact inline warm surfaces used by custom and bundled pages. */
[style*="background:#fff9f1" i],
[style*="background: #fff9f1" i],
[style*="background-color:#fff9f1" i],
[style*="background-color: #fff9f1" i],
[style*="background:#faf9f6" i],
[style*="background: #faf9f6" i],
[style*="background-color:#faf9f6" i],
[style*="background-color: #faf9f6" i],
[style*="background:#fffdf8" i],
[style*="background: #fffdf8" i],
[style*="background:#f7f4ec" i],
[style*="background: #f7f4ec" i],
[style*="background:#fbf6ee" i],
[style*="background: #fbf6ee" i] {
  background: var(--js-white) !important;
  background-color: var(--js-white) !important;
}

[style*="background:#f8f4ec" i],
[style*="background: #f8f4ec" i],
[style*="background-color:#f8f4ec" i],
[style*="background-color: #f8f4ec" i],
[style*="background:#f8f4e9" i],
[style*="background: #f8f4e9" i],
[style*="background:#fbf4e3" i],
[style*="background: #fbf4e3" i],
[style*="background:#f5ecdf" i],
[style*="background: #f5ecdf" i],
[style*="background:#fff4e6" i],
[style*="background: #fff4e6" i],
[style*="background:#f1e8de" i],
[style*="background: #f1e8de" i],
[style*="background:#faf8f3" i],
[style*="background: #faf8f3" i],
[style*="background:#f6f5f2" i],
[style*="background: #f6f5f2" i],
[style*="background:#fbfaf8" i],
[style*="background: #fbfaf8" i],
[style*="background:#f1efe8" i],
[style*="background: #f1efe8" i],
[style*="background:#f0ebdf" i],
[style*="background: #f0ebdf" i],
[style*="background:#ebe5d8" i],
[style*="background: #ebe5d8" i],
[style*="background:#f0ebe0" i],
[style*="background: #f0ebe0" i],
[style*="background:#f2ede2" i],
[style*="background: #f2ede2" i],
[style*="background:#eee8da" i],
[style*="background: #eee8da" i],
[style*="background:#eae3d4" i],
[style*="background: #eae3d4" i],
[style*="background:#efe9d6" i],
[style*="background: #efe9d6" i],
[style*="background:#e8e2d0" i],
[style*="background: #e8e2d0" i],
[style*="background:#f4efe7" i],
[style*="background: #f4efe7" i],
[style*="background:#fffaf4" i],
[style*="background: #fffaf4" i],
[style*="background:#f4e6d7" i],
[style*="background: #f4e6d7" i],
[style*="background:#efeae0" i],
[style*="background: #efeae0" i],
[style*="background:#e8d9b4" i],
[style*="background: #e8d9b4" i],
[style*="background:#d8d1c6" i],
[style*="background: #d8d1c6" i] {
  background: var(--js-light-gray) !important;
  background-color: var(--js-light-gray) !important;
}

@media (max-width: 920px) {
  .host-photo {
    width: 100% !important;
  }

  .home-v2-wash {
    background: linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.96) 60%,
      rgba(255, 255, 255, 0.3) 100%
    ) !important;
  }

  .hero-wash {
    background: linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.96) 58%,
      rgba(255, 255, 255, 0.34) 100%
    ) !important;
  }
}

@media (max-width: 720px) {
  .home-v2-wash {
    background: linear-gradient(
      0deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.96) 58%,
      rgba(255, 255, 255, 0.16) 100%
    ) !important;
  }

  .hero-wash {
    background: linear-gradient(
      0deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.94) 52%,
      rgba(255, 255, 255, 0.2) 100%
    ) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

/* Keep the prebuilt React header aligned with the approved Jake Song lockup. */
header a.group[href="/"] > span.font-mono:nth-child(2) {
  display: block !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

header a.group[href="/"] > span.font-mono:nth-child(2)::after {
  color: var(--meta);
  content: "Financial Advisor";
  display: block;
  font-size: 8px;
  white-space: nowrap;
}

@media (min-width: 721px) {
  header a.group[href="/"] > span.font-mono:nth-child(2)::after {
    font-size: 9px;
  }
}