:root {
      /* dark greens — base per feedback: #1d2924 */
      --bg:        #1d2924;
      --bg-deep:   #16211c;
      --bg-elev:   #243530;
      --line:      rgba(230, 238, 231, 0.12);
      --line-soft: rgba(230, 238, 231, 0.07);
      --fg:        #EDF1EB;
      --fg-dim:    #ADBBAF;
      --fg-faint:  #7C8B7F;

      /* light sections */
      --cream:      #F4F2EA;
      --cream-deep: #EBE8DC;
      --ink:        #1E2721;
      --ink-dim:    #55625A;
      --ink-line:   rgba(30, 39, 33, 0.12);

      /* accents (validated for dark surfaces) */
      --green:  #4A9D63;
      --gold:   #BA8930;
      --red:    #C4554D;
      --moon:   #D9E2D6;
      --gold-soft: #D9B36A;

      --maxw: 1180px;
      --ease: cubic-bezier(0.22, 1, 0.36, 1);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--fg);
      font-family: "Inter", system-ui, -apple-system, sans-serif;
      font-size: 17px;
      line-height: 1.65;
      letter-spacing: 0.005em;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      overflow-x: hidden;
    }
    ::selection { background: rgba(186, 137, 48, 0.3); }

    a { color: inherit; text-decoration: none; }
    img { display: block; max-width: 100%; }

    h1, h2, h3, .display {
      font-family: "Jost", "Inter", sans-serif;
      font-weight: 300;
      margin: 0;
    }
    .mono { font-family: "JetBrains Mono", ui-monospace, monospace; }

    .wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; }

    .eyebrow {
      font-family: "Jost", sans-serif;
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 0.32em;
      text-transform: uppercase;
      color: var(--gold-soft);
    }
    .light .eyebrow { color: var(--gold); }

    /* ============ header ============ */
    header {
      position: fixed; inset: 0 0 auto 0; z-index: 50;
      transition: background 0.4s var(--ease), border-color 0.4s var(--ease);
      border-bottom: 1px solid transparent;
    }
    header.scrolled {
      background: rgba(22, 33, 28, 0.82);
      backdrop-filter: blur(14px) saturate(130%);
      -webkit-backdrop-filter: blur(14px) saturate(130%);
      border-bottom: 1px solid var(--line-soft);
    }
    .nav { display: flex; align-items: center; justify-content: space-between; height: 76px; }
    .brand-lockup { display: flex; align-items: center; gap: 13px; }
    .brand-mark {
      width: 26px; height: 40px;
      flex-shrink: 0;
      background: url("mark.png") center/contain no-repeat;
    }
    .brand {
      font-family: "Jost", sans-serif;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .brand-tag {
      font-family: "Jost", sans-serif;
      font-style: italic;
      font-weight: 300;
      font-size: 12.5px;
      letter-spacing: 0.06em;
      color: var(--fg-faint);
      border-left: 1px solid var(--line);
      padding-left: 16px;
    }
    .nav-links { display: flex; align-items: center; gap: 34px; }
    .nav-links > a {
      font-size: 14px; color: var(--fg-dim);
      transition: color 0.25s var(--ease);
    }
    .nav-links > a:hover { color: var(--fg); }
    .nav-cta {
      font-family: "Jost", sans-serif;
      font-size: 13px !important; letter-spacing: 0.1em !important;
      text-transform: uppercase; color: var(--fg) !important;
      border: 1px solid var(--line);
      padding: 9px 18px; border-radius: 2px;
      transition: border-color 0.3s var(--ease), background 0.3s var(--ease);
    }
    .nav-cta:hover { border-color: var(--gold-soft); background: rgba(186, 137, 48, 0.08); }

    /* ============ buttons ============ */
    .btn {
      display: inline-flex; align-items: center; gap: 10px;
      font-family: "Jost", sans-serif;
      font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase;
      padding: 15px 30px; border-radius: 2px;
      transition: transform 0.3s var(--ease), background 0.3s var(--ease),
                  border-color 0.3s var(--ease), box-shadow 0.3s var(--ease);
    }
    .btn-primary { background: var(--moon); color: var(--ink); }
    .btn-primary:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,0.35); }
    .btn-ghost { border: 1px solid var(--line); color: var(--fg); }
    .btn-ghost:hover { border-color: var(--gold-soft); transform: translateY(-2px); }
    .btn .arw { transition: transform 0.3s var(--ease); }
    .btn:hover .arw { transform: translateX(4px); }

    /* ============ hero ============ */
    .hero {
      position: relative;
      background:
        radial-gradient(90rem 42rem at 85% -10%, rgba(74, 157, 99, 0.10), transparent 60%),
        radial-gradient(60rem 40rem at -10% 110%, rgba(186, 137, 48, 0.07), transparent 55%),
        var(--bg);
      overflow: hidden;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.15fr 0.85fr;
      gap: clamp(40px, 6vw, 80px);
      align-items: start;
      padding: 150px 0 100px;
    }
    .hero .eyebrow { display: block; margin-bottom: 28px; font-size: 18px; letter-spacing: 0.3em; }
    .hero h1 {
      font-size: clamp(33px, 3.8vw, 51px);
      line-height: 1.04;
      letter-spacing: -0.015em;
      margin-bottom: 28px;
    }
    .hero h1 em { font-style: italic; color: var(--moon); }
    .hero-lede {
      color: var(--fg-dim);
      font-size: clamp(17px, 2vw, 20px);
      max-width: 560px;
      margin: 0 0 40px;
    }
    .hero-lede strong { color: var(--fg); font-weight: 500; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 16px; }
    .hero-note {
      margin: 0 0 34px;
      font-weight: 600;
      font-size: clamp(15px, 1.65vw, 17px);
      color: var(--gold-soft);
      white-space: nowrap;
    }

    .hero-visual { position: relative; margin: 0; }
    .hflow {
      max-width: 460px;
      margin-left: auto;
      background: var(--bg-deep);
      border: 1px solid var(--line);
      border-radius: 10px;
      box-shadow: 0 30px 70px rgba(0,0,0,0.4), 0 4px 14px rgba(0,0,0,0.25);
      overflow: hidden;
    }
    .hflow-body { position: relative; padding: 20px 22px 22px; }
    .hspine {
      position: absolute; left: 30px; top: 34px; bottom: 34px; width: 2px;
      background: linear-gradient(180deg, var(--green) 0%, var(--green) 52%, var(--gold-soft) 60%, var(--gold-soft) 100%);
      opacity: 0.4; border-radius: 2px;
    }
    .hpulse {
      position: absolute; left: 26px; width: 10px; height: 10px; border-radius: 50%;
      background: var(--moon);
      box-shadow: 0 0 12px 3px rgba(217, 226, 214, 0.55);
      animation: pulse 4.2s var(--ease) infinite;
    }
    @keyframes pulse {
      0%   { top: 30px; opacity: 0; }
      8%   { opacity: 1; }
      92%  { opacity: 1; }
      100% { top: calc(100% - 40px); opacity: 0; }
    }
    .hnode { position: relative; display: flex; gap: 15px; padding: 9px 0; }
    .hdot {
      width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0;
      margin: 3px 0 0 4px; z-index: 1;
      border: 2px solid var(--bg-deep);
    }
    .hdot.g    { background: var(--green);     box-shadow: 0 0 0 3px rgba(74,157,99,0.16); }
    .hdot.gold { background: var(--gold-soft); box-shadow: 0 0 0 3px rgba(217,179,106,0.16); }
    .hmeta { min-width: 0; }
    .hk {
      font-family: "JetBrains Mono", monospace;
      font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase;
      color: var(--fg-faint); display: block; margin-bottom: 4px;
    }
    .hk.gold { color: var(--gold-soft); }
    .hmeta h5 {
      font-family: "Jost", sans-serif; font-weight: 400;
      font-size: 16px; color: var(--fg); margin: 0; letter-spacing: 0.005em;
    }
    .hmeta h5 .ok  { color: var(--green); font-weight: 600; }
    .hmeta h5 .gld { color: var(--gold-soft); font-weight: 600; }
    .htags { display: flex; gap: 6px; margin-top: 8px; }
    .htags i {
      font-family: "JetBrains Mono", monospace; font-style: normal;
      font-size: 9.5px; letter-spacing: 0.04em; color: var(--fg-dim);
      background: var(--bg-elev); border: 1px solid var(--line-soft);
      padding: 3px 8px; border-radius: 4px;
    }
    .hchips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
    .hchips b {
      font-family: "JetBrains Mono", monospace; font-weight: 400;
      font-size: 9.5px; color: var(--fg-dim);
      background: rgba(74,157,99,0.09); border: 1px solid rgba(74,157,99,0.28);
      padding: 3px 8px; border-radius: 4px;
    }
    .hmini { margin-top: 9px; height: 5px; background: var(--bg-elev); border-radius: 3px; overflow: hidden; }
    .hmini .mbar { display: block; height: 100%; width: var(--w); background: var(--green); border-radius: 3px; }
    .hbars { display: flex; align-items: flex-end; gap: 5px; height: 30px; margin-top: 9px; }
    .hbars i { flex: 1; max-width: 16px; background: var(--gold-soft); border-radius: 3px 3px 0 0; opacity: 0.9; }
    .hcurve { width: 100%; max-width: 170px; height: 26px; margin-top: 9px; }

    /* stats strip */
    .stats {
      border-top: 1px solid var(--line-soft);
      background: rgba(22, 33, 28, 0.5);
    }
    .stats-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      padding: 34px 0;
    }
    .stat { border-left: 1px solid var(--line); padding-left: 22px; }
    .stat .n {
      font-family: "Jost", sans-serif;
      font-weight: 300;
      font-size: clamp(26px, 3vw, 36px);
      line-height: 1.1;
      color: var(--fg);
    }
    .stat .l { font-size: 13px; color: var(--fg-faint); letter-spacing: 0.04em; margin-top: 6px; }

    /* ============ sections ============ */
    section { position: relative; }
    .section-pad { padding: clamp(90px, 12vh, 150px) 0; }
    .section-head { max-width: 760px; margin-bottom: 64px; }
    .section-head .eyebrow { display: block; margin-bottom: 20px; }
    .section-head h2 {
      font-size: clamp(30px, 4.6vw, 52px);
      line-height: 1.1;
      letter-spacing: -0.01em;
    }
    .section-head p {
      margin: 22px 0 0;
      font-size: clamp(16px, 2vw, 19px);
      max-width: 660px;
    }
    .section-head h2.xl { font-size: clamp(34px, 4.6vw, 62px); }
    .about-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 330px;
      gap: clamp(32px, 5vw, 64px);
      align-items: center;
    }
    .about-img { margin: 0; border-radius: 4px; overflow: hidden; border: 1px solid var(--line-soft); }
    .about-img img { width: 100%; height: auto; display: block; }
    /* keep the founder-bio text legible when the About section is on a light bg */
    .light .section-head.about p { color: var(--ink-dim); }
    .section-head.about { max-width: 720px; margin-bottom: 0; }
    .section-head.about .eyebrow { font-size: 13.5px; letter-spacing: 0.22em; }

    /* why participate in the pdp */
    .whypdp {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 280px;
      gap: clamp(28px, 5vw, 60px);
      align-items: center;
    }
    .whypdp-text { max-width: 720px; }
    .sankey { margin: 0; }
    .sankey svg { width: 100%; height: auto; display: block; overflow: visible; }
    .sankey .sk-src {
      font-family: "Jost", sans-serif; font-size: 10.5px;
      letter-spacing: 0.14em; fill: var(--ink-dim);
    }
    .sankey .sk-lbl {
      font-family: "Jost", sans-serif; font-size: 11px;
      letter-spacing: 0.07em; fill: var(--ink-dim);
    }
    .sankey .sk-node {
      font-family: "Jost", sans-serif; font-size: 10.5px;
      letter-spacing: 0.12em; fill: #EDF1EB;
    }
    .sankey figcaption {
      margin-top: 14px; text-align: center;
      font-family: "Jost", sans-serif; font-style: italic;
      font-size: 11px; color: #97a099; letter-spacing: 0.02em;
    }
    .whypdp .eyebrow { display: block; margin-bottom: 22px; font-size: 13.5px; letter-spacing: 0.22em; }
    .whypdp h2 {
      font-size: clamp(24px, 3.3vw, 38px);
      line-height: 1.16;
      letter-spacing: -0.01em;
    }
    .whypdp p {
      margin: 26px 0 0;
      color: var(--ink-dim);
      font-size: clamp(16px, 1.9vw, 18.5px);
      line-height: 1.72;
      max-width: 760px;
    }
    .whypdp .whypdp-closer {
      margin-top: 32px;
      font-family: "Jost", sans-serif;
      font-weight: 600;
      font-style: italic;
      font-size: 19.5px;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: #46564B;
    }
    .section-head.about h2 { font-size: clamp(24px, 3.2vw, 34px); }
    .section-head.about p {
      color: var(--fg-dim);
      font-weight: 400;
      font-size: clamp(15px, 1.7vw, 16.5px);
      line-height: 1.75;
      max-width: 720px;
    }
    .platform-sub {
      font-family: "Jost", sans-serif;
      font-weight: 400;
      font-size: 13.5px !important;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--gold-soft) !important;
      margin-top: 18px !important;
    }

    .light { background: var(--cream); color: var(--ink); }
    .light .section-head p, .light p { color: var(--ink-dim); }

    /* ============ problem (light) ============ */
    .pains {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }
    .pain {
      background: #fff;
      border: 1px solid var(--ink-line);
      border-radius: 6px;
      padding: 34px 30px;
      transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease);
    }
    .pain:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(30, 39, 33, 0.10); }
    .pain .k {
      font-family: "JetBrains Mono", monospace;
      font-size: 12px;
      letter-spacing: 0.08em;
      color: var(--gold);
      display: block;
      margin-bottom: 18px;
    }
    .pain h3 { font-size: 22px; font-weight: 400; margin-bottom: 12px; letter-spacing: -0.005em; }
    .pain p { margin: 0; font-size: 15.5px; }

    /* ============ platform: two acts (dark) ============ */
    .acts { display: grid; gap: 56px; }
    .act-label {
      display: flex; align-items: center; gap: 18px;
      margin-bottom: 26px;
    }
    .act-label .roman {
      font-family: "Jost", sans-serif;
      font-size: 15px; letter-spacing: 0.24em;
      color: var(--gold-soft);
      white-space: nowrap;
      flex-shrink: 0;
    }
    .act-label h3 {
      font-size: clamp(21px, 2.6vw, 27px);
      font-weight: 300;
      letter-spacing: 0.005em;
    }
    .act-label .rule { flex: 1; height: 1px; background: var(--line-soft); }

    .act-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 22px; align-items: stretch; }
    .aflow { align-self: center; display: grid; place-items: center; }
    .step {
      display: flex;
      flex-direction: column;
      min-height: 180px;
      background: var(--bg-deep);
      border: 1px solid var(--line-soft);
      border-radius: 6px;
      padding: 32px 34px;
      transition: border-color 0.35s var(--ease), transform 0.35s var(--ease), background 0.35s var(--ease);
    }
    .step p { flex: 1; }
    .step:hover { border-color: rgba(217, 179, 106, 0.4); transform: translateY(-3px); background: var(--bg-elev); }
    .step .verb {
      font-family: "Jost", sans-serif;
      font-size: 12px; letter-spacing: 0.28em; text-transform: uppercase;
      color: var(--fg-faint);
      display: block; margin-bottom: 14px;
    }
    .step h4 {
      font-family: "Jost", sans-serif;
      font-weight: 400;
      font-size: 24px;
      margin: 0 0 8px;
    }
    .step h4 b { font-weight: 500; color: var(--gold-soft); }
    .step .q { font-style: italic; color: var(--fg-dim); font-size: 15.5px; margin: 0 0 14px; font-family: "Jost", sans-serif; }
    .step p:not(.q) { color: var(--fg-dim); font-size: 15px; margin: 0; }
    .step .status {
      display: inline-flex; align-items: center; gap: 8px;
      margin-top: 18px;
      font-family: "Jost", sans-serif;
      font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--fg-dim);
    }
    .dot { width: 7px; height: 7px; border-radius: 50%; }
    .dot.now   { background: var(--green); box-shadow: 0 0 9px var(--green); }
    .dot.dev   { background: var(--gold-soft); box-shadow: 0 0 9px var(--gold-soft); }
    .dot.road  { background: var(--fg-faint); }

    /* platform status lights — pulsating glow (green + gold), slow subtle white for roadmap */
    #platform .dot.road { background: var(--moon); }
    @media (prefers-reduced-motion: no-preference) {
      #platform .dot.now  { animation: dotPulseGreen 2.3s var(--ease) infinite; }
      #platform .dot.dev  { animation: dotPulseGold  2.3s var(--ease) infinite; }
      #platform .dot.road { animation: dotPulseWhite 4.8s var(--ease) infinite; }
    }
    @keyframes dotPulseGreen {
      0%, 100% { box-shadow: 0 0 5px 0 rgba(74, 157, 99, 0.55); }
      50%      { box-shadow: 0 0 15px 4px rgba(74, 157, 99, 0.95); }
    }
    @keyframes dotPulseGold {
      0%, 100% { box-shadow: 0 0 5px 0 rgba(217, 179, 106, 0.55); }
      50%      { box-shadow: 0 0 15px 4px rgba(217, 179, 106, 0.95); }
    }
    @keyframes dotPulseWhite {
      0%, 100% { box-shadow: 0 0 3px 0 rgba(217, 226, 214, 0.30); opacity: 0.65; }
      50%      { box-shadow: 0 0 11px 2px rgba(217, 226, 214, 0.60); opacity: 1; }
    }

    /* ============ products (light) ============ */
    .product {
      display: grid;
      grid-template-columns: 1fr 1.08fr;
      gap: clamp(40px, 6vw, 90px);
      align-items: center;
      padding: clamp(54px, 8vh, 96px) 0;
      border-bottom: 1px solid var(--ink-line);
    }
    .product:last-of-type { border-bottom: 0; }
    .product.reverse .p-text { order: 2; }
    .product.reverse .p-visual { order: 1; }

    .badge {
      display: inline-flex; align-items: center; gap: 9px;
      font-family: "Jost", sans-serif;
      font-size: 11.5px; letter-spacing: 0.15em; text-transform: uppercase;
      color: var(--ink-dim);
      border: 1px solid var(--ink-line);
      padding: 6px 14px; border-radius: 100px;
      margin-bottom: 24px;
      background: #fff;
    }
    .p-name {
      font-size: clamp(32px, 4.4vw, 50px);
      line-height: 1;
      letter-spacing: -0.015em;
      margin-bottom: 6px;
    }
    .p-name b { font-weight: 500; }
    .p-role {
      font-family: "Jost", sans-serif;
      font-size: 13.5px; letter-spacing: 0.22em; text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 24px;
    }
    .p-lede { font-size: clamp(17px, 2vw, 20px); color: var(--ink); line-height: 1.5; margin: 0 0 16px; font-weight: 500; }
    .p-desc { margin: 0 0 24px; font-size: 16px; }
    .feat { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
    .feat li { position: relative; padding-left: 24px; color: var(--ink-dim); font-size: 15.5px; }
    .feat li::before {
      content: "";
      position: absolute; left: 0; top: 0.56em;
      width: 10px; height: 1.5px; background: var(--gold);
    }
    .feat li strong { color: var(--ink); font-weight: 600; }

    /* ---------- UI mockups ---------- */
    .frame {
      background: var(--bg-deep);
      border: 1px solid rgba(30, 39, 33, 0.22);
      border-radius: 10px;
      box-shadow: 0 24px 60px rgba(30, 39, 33, 0.18), 0 3px 10px rgba(30, 39, 33, 0.10);
      overflow: hidden;
      transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease);
    }
    .product:hover .frame { transform: translateY(-5px); box-shadow: 0 34px 80px rgba(30, 39, 33, 0.24), 0 4px 12px rgba(30, 39, 33, 0.10); }
    .frame-bar {
      display: flex; align-items: center; gap: 7px;
      padding: 12px 16px;
      border-bottom: 1px solid var(--line-soft);
      background: rgba(255,255,255,0.02);
    }
    .frame-bar i { width: 9px; height: 9px; border-radius: 50%; background: var(--line); }
    .frame-bar .t {
      margin-left: 10px;
      font-family: "JetBrains Mono", monospace;
      font-size: 11px; color: var(--fg-faint); letter-spacing: 0.02em;
      min-width: 0;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .frame-body { padding: 22px; }

    /* origin: pipeline */
    .pipe { display: grid; gap: 14px; }
    .pipe-src {
      display: inline-flex; align-items: center; gap: 9px;
      font-family: "JetBrains Mono", monospace; font-size: 11.5px;
      color: var(--fg-dim);
      background: var(--bg-elev);
      border: 1px solid var(--line-soft);
      padding: 9px 13px; border-radius: 5px;
      justify-self: start;
    }
    .pipe-src::before { content: "⛁"; color: var(--gold-soft); font-size: 13px; }
    .pipe-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
    .pipe-step {
      text-align: center;
      font-family: "Jost", sans-serif;
      font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--fg-dim);
      border: 1px solid var(--line-soft);
      background: rgba(74, 157, 99, 0.07);
      padding: 11px 4px; border-radius: 5px;
      position: relative;
    }
    .pipe-flow { display: flex; justify-content: center; color: var(--fg-faint); font-size: 15px; line-height: 1; }
    .pipe-files { display: flex; flex-wrap: wrap; gap: 8px; }
    .pipe-file {
      display: inline-flex; align-items: center; gap: 7px;
      font-family: "JetBrains Mono", monospace; font-size: 11px;
      color: var(--fg);
      background: var(--bg-elev);
      border: 1px solid rgba(74, 157, 99, 0.35);
      padding: 8px 12px; border-radius: 5px;
    }
    .pipe-file::after { content: "✓"; color: var(--green); font-weight: 700; }
    .pipe-note {
      font-family: "JetBrains Mono", monospace;
      font-size: 10.5px; color: var(--fg-faint);
      border-top: 1px solid var(--line-soft);
      padding-top: 12px; margin-top: 4px;
    }
    .pipe-note b { color: var(--green); font-weight: 500; }

    /* validity: report */
    .vrep { display: grid; gap: 0; }
    .vrep-sum {
      display: flex; align-items: baseline; gap: 12px;
      padding-bottom: 16px; margin-bottom: 6px;
      border-bottom: 1px solid var(--line-soft);
    }
    .vrep-sum .big { font-family: "Jost", sans-serif; font-size: 30px; font-weight: 300; color: var(--fg); }
    .vrep-sum .cap { font-size: 12px; color: var(--fg-faint); }
    .vrow {
      display: flex; align-items: center; gap: 11px;
      padding: 10px 2px;
      border-bottom: 1px solid var(--line-soft);
      font-family: "JetBrains Mono", monospace;
      font-size: 11.5px;
    }
    .vrow:last-of-type { border-bottom: 0; }
    .vrow .ic { width: 17px; height: 17px; border-radius: 50%; display: grid; place-items: center; font-size: 10px; flex-shrink: 0; }
    .vrow.ok  .ic { background: rgba(74,157,99,0.16);  color: #7CC493; }
    .vrow.wrn .ic { background: rgba(186,137,48,0.16); color: #D9B36A; }
    .vrow.err .ic { background: rgba(196,85,77,0.16);  color: #DE8B85; }
    .vrow .var { color: var(--fg); }
    .vrow .msg { color: var(--fg-faint); margin-left: auto; text-align: right; }
    .vpop { margin-top: 18px; }
    .vpop .cap {
      font-family: "Jost", sans-serif; font-size: 11px;
      letter-spacing: 0.18em; text-transform: uppercase;
      color: var(--fg-faint); margin-bottom: 10px;
    }
    .vbar { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; }
    .vbar .lb { font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--fg-dim); width: 86px; flex-shrink: 0; }
    .vbar .tr { flex: 1; display: flex; gap: 2px; height: 8px; }
    .vbar .sg { border-radius: 3px; }
    .vbar .sg.real { background: var(--green); }
    .vbar .sg.intr { background: var(--gold); }
    .vbar .sg.blnk { background: rgba(237, 241, 235, 0.14); }
    .vleg { display: flex; gap: 16px; margin-top: 10px; }
    .vleg span { display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; color: var(--fg-faint); font-family: "JetBrains Mono", monospace; }
    .vleg i { width: 8px; height: 8px; border-radius: 2px; }

    /* locus: dashboard */
    .dash { display: grid; gap: 16px; }
    .kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .kpi {
      background: var(--bg-elev);
      border: 1px solid var(--line-soft);
      border-radius: 6px;
      padding: 13px 14px;
    }
    .kpi .l { font-family: "Jost", sans-serif; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fg-faint); }
    .kpi .v { font-family: "Jost", sans-serif; font-size: 25px; font-weight: 300; color: var(--fg); margin-top: 3px; }
    .kpi .d { font-family: "JetBrains Mono", monospace; font-size: 10px; margin-top: 2px; }
    .kpi .d.up { color: #7CC493; }
    .kpi .d.dn { color: #DE8B85; }
    .chart { background: var(--bg-elev); border: 1px solid var(--line-soft); border-radius: 6px; padding: 15px 16px 13px; }
    .chart .cap { font-family: "Jost", sans-serif; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fg-faint); margin-bottom: 13px; }
    .bars { display: flex; align-items: flex-end; gap: 10px; height: 88px; }
    .bgrp { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 7px; height: 100%; }
    .bgrp .bar { width: 100%; max-width: 34px; background: var(--green); border-radius: 4px 4px 0 0; }
    .bgrp .xl { font-family: "JetBrains Mono", monospace; font-size: 9.5px; color: var(--fg-faint); white-space: nowrap; }

    /* arc: prediction */
    .pred { display: grid; gap: 14px; }
    .pred svg { width: 100%; height: auto; display: block; }
    .risk-rows { display: grid; gap: 7px; }
    .rrow {
      display: flex; align-items: center; gap: 12px;
      background: var(--bg-elev);
      border: 1px solid var(--line-soft);
      border-radius: 5px;
      padding: 9px 13px;
      font-family: "JetBrains Mono", monospace; font-size: 11px;
    }
    .rrow .id { color: var(--fg-dim); }
    .rrow .sig { color: var(--fg-faint); margin-left: auto; }
    .chip {
      display: inline-flex; align-items: center; gap: 6px;
      font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase;
      padding: 3px 9px; border-radius: 100px;
    }
    .chip::before { font-size: 9px; }
    .chip.hi  { background: rgba(196,85,77,0.14);  color: #DE8B85; } .chip.hi::before  { content: "▲"; }
    .chip.md  { background: rgba(186,137,48,0.14); color: #D9B36A; } .chip.md::before  { content: "◆"; }
    .chip.lo  { background: rgba(74,157,99,0.14);  color: #7CC493; } .chip.lo::before  { content: "●"; }

    /* originpdp — end-to-end run: pulse flows down, stages light green, files land, count-up */
    #origin .pipe-src,
    #origin .pipe-step,
    #origin .pipe-flow,
    #origin .pipe-file,
    #origin .pipe-note,
    #origin .pipe-note b {
      transition: opacity 0.45s var(--ease), transform 0.45s var(--ease),
                  border-color 0.45s var(--ease), background 0.45s var(--ease),
                  box-shadow 0.45s var(--ease), color 0.4s var(--ease), text-shadow 0.4s var(--ease);
    }
    #origin.op-anim .pipe-src   { box-shadow: none; }
    #origin.op-anim .pipe-src.on { border-color: rgba(217, 179, 106, 0.55); box-shadow: 0 0 14px 1px rgba(217, 179, 106, 0.45); }
    #origin.op-anim .pipe-flow   { color: var(--line); }
    #origin.op-anim .pipe-flow.on { color: var(--green); text-shadow: 0 0 10px rgba(74, 157, 99, 0.85); }
    #origin.op-anim .pipe-step   { opacity: 0.32; }
    #origin.op-anim .pipe-step.on {
      opacity: 1; color: var(--fg);
      border-color: rgba(74, 157, 99, 0.55);
      background: rgba(74, 157, 99, 0.16);
      box-shadow: 0 0 14px 1px rgba(74, 157, 99, 0.32);
    }
    #origin.op-anim .pipe-file    { opacity: 0; transform: translateY(7px) scale(0.94); }
    #origin.op-anim .pipe-file.on { opacity: 1; transform: none; }
    #origin.op-anim .pipe-note     { opacity: 0.22; }
    #origin.op-anim .pipe-note.on  { opacity: 1; }
    #origin.op-anim .pipe-note.on b { text-shadow: 0 0 12px rgba(74, 157, 99, 0.65); }

    /* validitypdp — circle icons illuminate one at a time, then STAY lit (latched per-icon) */
    #validity .vrow .ic { transition: opacity 0.45s var(--ease), transform 0.45s var(--ease), box-shadow 0.45s var(--ease); }
    #validity.ic-anim .vrow .ic { opacity: 0.14; transform: scale(0.55); box-shadow: none; }
    #validity.ic-anim .vrow.ok  .ic.on { opacity: 1; transform: scale(1); box-shadow: 0 0 12px 2px rgba(74, 157, 99, 0.60); }
    #validity.ic-anim .vrow.wrn .ic.on { opacity: 1; transform: scale(1); box-shadow: 0 0 12px 2px rgba(217, 179, 106, 0.60); }
    #validity.ic-anim .vrow.err .ic.on { opacity: 1; transform: scale(1); box-shadow: 0 0 12px 2px rgba(196, 85, 77, 0.60); }

    /* arcpdp — animated line-draw with travelling glow lights */
    #arc-chart .arc-tip { filter: drop-shadow(0 0 5px currentColor); }
    #arc-chart .arc-tip.pulse { animation: arcTipPulse 2.3s var(--ease) infinite; }
    @keyframes arcTipPulse {
      0%, 100% { filter: drop-shadow(0 0 4px currentColor); }
      50%      { filter: drop-shadow(0 0 11px currentColor); }
    }

    /* ============ why datura (dark) ============ */
    .why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .why {
      background: var(--bg-deep);
      border: 1px solid var(--line-soft);
      border-radius: 6px;
      padding: 32px 28px;
      transition: border-color 0.35s var(--ease), transform 0.35s var(--ease);
    }
    .why:hover { border-color: rgba(217, 179, 106, 0.35); transform: translateY(-3px); }
    .why .k {
      font-family: "JetBrains Mono", monospace;
      font-size: 11px; letter-spacing: 0.06em;
      color: var(--gold-soft);
      display: block; margin-bottom: 16px;
    }
    .why h3 { font-size: 20px; font-weight: 400; margin-bottom: 10px; }
    .why p { color: var(--fg-dim); font-size: 15px; margin: 0; }

    /* ============ results (light) ============ */
    .case {
      background: #fff;
      border: 1px solid var(--ink-line);
      border-radius: 8px;
      padding: clamp(34px, 5vw, 56px);
      display: grid;
      grid-template-columns: auto 1fr;
      gap: clamp(28px, 4vw, 56px);
      align-items: center;
    }
    .case .mark {
      font-family: "Jost", sans-serif;
      font-weight: 300;
      font-size: clamp(50px, 7vw, 84px);
      line-height: 1;
      color: var(--gold);
      white-space: nowrap;
    }
    .case .mark small { display: block; font-size: 13px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-dim); margin-top: 10px; }
    .case h3 { font-size: clamp(22px, 3vw, 30px); font-weight: 400; letter-spacing: -0.005em; margin-bottom: 14px; }
    .case p { margin: 0; font-size: 16.5px; }
    .quotes-note {
      margin-top: 26px;
      text-align: center;
      font-family: "Jost", sans-serif;
      font-style: italic;
      font-size: 15px;
      color: var(--ink-dim);
    }
    /* (testimonial card markup ready below — see HTML comment in Results section) */

    /* ============ contact (dark) ============ */
    .contact { text-align: center; }
    .contact .inner { max-width: 780px; margin: 0 auto; }
    .contact h2 { font-size: clamp(28px, 4.9vw, 56px); line-height: 1.08; letter-spacing: -0.015em; margin: 22px 0 24px; }
    .contact p { color: var(--fg-dim); font-size: clamp(16px, 2.1vw, 19px); max-width: 600px; margin: 0 auto 40px; }
    .contact .mail {
      font-family: "Jost", sans-serif;
      font-size: clamp(17px, 2.6vw, 24px);
      letter-spacing: 0.04em;
      border-bottom: 1px solid var(--line);
      padding-bottom: 4px;
      transition: border-color 0.3s var(--ease);
    }
    .contact .mail:hover { border-color: var(--gold-soft); }
    .contact.light p { color: var(--ink-dim); }
    .contact.light .mail { color: var(--ink); border-color: var(--ink-line); }
    .contact.light .mail:hover { border-color: var(--gold); }
    .contact.light .btn-primary { background: var(--ink); color: var(--cream); }
    .contact.light .btn-primary:hover { background: #131a15; }
    .contact .eyebrow { font-size: 13.5px; letter-spacing: 0.22em; }
    .contact h2 { margin-bottom: 20px; }

    /* demo form */
    .demo-form {
      max-width: 560px;
      margin: 40px auto 0;
      text-align: left;
      display: grid;
      gap: 16px;
    }
    .demo-form[hidden] { display: none; }
    .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .field { display: grid; gap: 7px; min-width: 0; }
    .field > span {
      font-family: "Jost", sans-serif;
      font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
      color: var(--ink-dim);
    }
    .field > span em { text-transform: none; letter-spacing: 0; font-style: italic; color: #97a099; }
    .field input, .field textarea {
      width: 100%;
      background: #fff;
      border: 1px solid var(--ink-line);
      border-radius: 5px;
      padding: 12px 14px;
      font-family: "Inter", sans-serif;
      font-size: 15px;
      color: var(--ink);
      transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
    }
    .field input:focus, .field textarea:focus {
      outline: none;
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(186, 137, 48, 0.12);
    }
    .field textarea { resize: vertical; min-height: 78px; }
    .demo-form .btn-primary {
      justify-self: center;
      margin-top: 4px;
      border: none;
      cursor: pointer;
      font-family: "Jost", sans-serif;
    }
    .hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
    .contact .form-alt { margin: 44px auto 0; font-size: 14.5px; color: var(--ink-dim); }
    .form-alt a { color: var(--ink); border-bottom: 1px solid var(--ink-line); padding-bottom: 1px; }
    .form-alt a:hover { border-color: var(--gold); }
    .form-success { max-width: 560px; margin: 40px auto 0; }
    .form-success h3 { font-family: "Jost", sans-serif; font-weight: 400; font-size: clamp(22px, 3vw, 28px); color: var(--ink); margin-bottom: 12px; }
    .form-success p { color: var(--ink-dim); margin: 0; }

    /* dark contact variant (PDP page) — keep the white form legible on dark */
    .contact:not(.light) .field > span { color: var(--fg-dim); }
    .contact:not(.light) .form-alt { color: var(--fg-dim); }
    .contact:not(.light) .form-alt a { color: var(--fg); border-bottom-color: var(--line); }
    .contact:not(.light) .form-success h3 { color: var(--fg); }
    .contact:not(.light) .form-success p { color: var(--fg-dim); }
    @media (max-width: 520px) { .field-row { grid-template-columns: 1fr; } }

    /* ============ footer ============ */
    footer { background: var(--bg-deep); border-top: 1px solid var(--line-soft); padding: 52px 0 58px; }
    .foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
    .foot-brand { display: flex; align-items: center; gap: 14px; }
    .foot-brand .brand { font-size: 15px; letter-spacing: 0.14em; }
    .foot-brand .tag { font-family: "Jost", sans-serif; font-style: italic; font-size: 12.5px; color: var(--fg-faint); }
    .foot-meta { color: var(--fg-faint); font-size: 13.5px; }
    .foot-meta a { color: var(--fg-dim); }
    .foot-meta a:hover { color: var(--fg); }

    /* ============ reveal ============ */
    .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.85s var(--ease), transform 0.85s var(--ease); }
    .reveal.in { opacity: 1; transform: none; }

    /* ============ responsive ============ */
    @media (max-width: 960px) {
      .wrap { padding: 0 22px; }
      .brand-tag { display: none; }
      .nav-links > a:not(.nav-cta) { display: none; }
      .hero-grid { grid-template-columns: minmax(0, 1fr); padding-top: 130px; }
      .hflow { max-width: 460px; margin: 0 auto; }
      .hero-note { white-space: normal; font-size: 15px; }
      .stats-row { grid-template-columns: 1fr 1fr; }
      .pains { grid-template-columns: minmax(0, 1fr); }
      .act-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
      .aflow svg { transform: rotate(90deg); }
      .whypdp { grid-template-columns: minmax(0, 1fr); gap: 44px; }
      .whypdp-text { max-width: 720px; }
      .sankey { max-width: 290px; margin: 0 auto; }
      .about-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
      .about-img { max-width: 360px; margin: 0 auto; }
      .product { grid-template-columns: minmax(0, 1fr); gap: 36px; }
      .product.reverse .p-text { order: 1; }
      .product.reverse .p-visual { order: 2; }
      .why-grid { grid-template-columns: minmax(0, 1fr); }
      .case { grid-template-columns: minmax(0, 1fr); text-align: left; gap: 24px; }
    }
    @media (max-width: 520px) {
      .hero-actions { flex-direction: column; align-items: stretch; }
      .btn { justify-content: center; }
      .stats-row { grid-template-columns: 1fr 1fr; gap: 18px; }
      .pipe-steps { grid-template-columns: 1fr 1fr; }
      .foot { flex-direction: column; align-items: flex-start; }
      /* 16px inputs stop iOS Safari from auto-zooming the form */
      .field input, .field textarea { font-size: 16px; }
      .kpi { padding: 12px 10px; }
    }
    @media (max-width: 380px) {
      .brand { font-size: 13px; letter-spacing: 0.08em; }
      .brand-lockup { gap: 10px; }
      .nav .brand-mark { width: 22px; height: 34px; }
      .nav-cta { white-space: nowrap; padding: 8px 12px; font-size: 12px !important; letter-spacing: 0.08em !important; }
      .bgrp .xl { font-size: 8.5px; }
      .kpi .l { font-size: 9.5px; letter-spacing: 0.1em; }
      .kpi .v { font-size: 21px; }
      .kpi .d { font-size: 9px; }
    }
    @media (prefers-reduced-motion: reduce) {
      * { animation: none !important; transition: none !important; scroll-behavior: auto; }
      .reveal { opacity: 1; transform: none; }
    }

    /* ============================================================
       ADDED FOR MULTI-PAGE SITE (landing fork + funding + select)
       ============================================================ */

    /* nav — active line */
    .nav-links a.active { color: var(--fg); }

    /* form select (interest field) — matches .field input */
    .field select {
      width: 100%;
      background: #fff;
      border: 1px solid var(--ink-line);
      border-radius: 5px;
      padding: 12px 38px 12px 14px;
      font-family: "Inter", sans-serif;
      font-size: 15px;
      color: var(--ink);
      appearance: none; -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2355625A' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat; background-position: right 14px center;
      cursor: pointer;
      transition: border-color 0.25s var(--ease), box-shadow 0.25s var(--ease);
    }
    .field select:focus {
      outline: none; border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(186, 137, 48, 0.12);
    }

    /* ============ landing: hero intro + two-line fork ============ */
    /* clearance under the fixed header (other pages get this from .hero-grid) */
    .hero-landing .wrap { padding-top: 150px; padding-bottom: 100px; }
    @media (max-width: 960px) { .hero-landing .wrap { padding-top: 120px; } }

    .hero-intro { max-width: 840px; }
    .hero-intro .eyebrow { display: block; margin-bottom: 28px; font-size: 18px; letter-spacing: 0.3em; }
    .hero-intro h1 {
      font-size: clamp(33px, 4vw, 54px);
      line-height: 1.05; letter-spacing: -0.015em; margin-bottom: 26px;
    }
    .hero-intro .hero-lede { max-width: 700px; margin-bottom: 0; }

    .fork {
      display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 56px;
    }
    .fork-card {
      display: flex; flex-direction: column;
      background: var(--bg-deep);
      border: 1px solid var(--line-soft);
      border-radius: 10px;
      padding: 40px 38px;
      transition: border-color 0.35s var(--ease), transform 0.35s var(--ease),
                  background 0.35s var(--ease), box-shadow 0.35s var(--ease);
    }
    .fork-card:hover {
      border-color: rgba(217, 179, 106, 0.4);
      transform: translateY(-4px);
      background: var(--bg-elev);
      box-shadow: 0 24px 60px rgba(0,0,0,0.35);
    }
    .fork-card .eyebrow { display: block; margin-bottom: 18px; }
    .fork-card h3 {
      font-family: "Jost", sans-serif; font-weight: 400;
      font-size: clamp(22px, 2.6vw, 28px); line-height: 1.2;
      letter-spacing: -0.005em; margin: 0 0 14px; color: var(--fg);
    }
    .fork-card p { color: var(--fg-dim); font-size: 15.5px; margin: 0 0 22px; flex: 1; }
    .fork-card .status {
      display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px;
      font-family: "Jost", sans-serif;
      font-size: 11.5px; letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--fg-dim);
    }
    .fork-go {
      font-family: "Jost", sans-serif;
      font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg);
      display: inline-flex; align-items: center; gap: 10px;
      transition: color 0.3s var(--ease);
    }
    .fork-go .arw { transition: transform 0.3s var(--ease); }
    .fork-card:hover .fork-go { color: var(--gold-soft); }
    .fork-card:hover .fork-go .arw { transform: translateX(4px); }

    .landing-cred {
      margin: 52px auto 0; max-width: 720px; text-align: center;
      color: var(--fg-faint); font-size: 15px;
    }
    .landing-cred a { color: var(--fg-dim); border-bottom: 1px solid var(--line); }
    .landing-cred a:hover { color: var(--fg); border-color: var(--gold-soft); }

    /* ============ funding page ============ */
    .fund-chart { width: 100%; height: auto; display: block; }
    .fund-legend { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 16px; padding: 0 4px; }
    .fund-legend span {
      display: inline-flex; align-items: center; gap: 7px;
      font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--fg-faint);
    }
    .fund-legend i { width: 13px; height: 2px; border-radius: 2px; display: inline-block; }

    /* compelling-event band (light) */
    .fund-event { max-width: 880px; }
    .fund-event .eyebrow { display: block; margin-bottom: 22px; }
    .fund-event h2 { font-size: clamp(26px, 3.8vw, 44px); line-height: 1.12; letter-spacing: -0.01em; }
    .fund-event p { margin: 26px 0 0; font-size: clamp(16px, 1.9vw, 18.5px); line-height: 1.7; max-width: 740px; }
    .fund-event p .lead { color: var(--gold); font-weight: 600; }

    /* what-we-model grid (dark) */
    .fund-grid {
      display: grid; grid-template-columns: 1.15fr 0.85fr;
      gap: clamp(32px, 5vw, 64px); align-items: start;
    }
    .fund-feat { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
    .fund-feat li { position: relative; padding-left: 26px; }
    .fund-feat li::before {
      content: ""; position: absolute; left: 0; top: 0.62em;
      width: 12px; height: 1.5px; background: var(--gold-soft);
    }
    .fund-feat h4 {
      font-family: "Jost", sans-serif; font-weight: 400; font-size: 18px;
      color: var(--fg); margin: 0 0 4px; letter-spacing: 0.005em;
    }
    .fund-feat p { color: var(--fg-dim); font-size: 15px; margin: 0; }
    .fund-feat .soft { color: var(--fg-faint); font-style: italic; }
    .fund-feat .soft::before { background: var(--line); }

    .fund-callout {
      background: var(--bg-deep);
      border: 1px solid var(--line-soft);
      border-left: 2px solid var(--gold-soft);
      border-radius: 8px;
      padding: 30px 30px 28px;
    }
    .fund-callout .eyebrow { display: block; margin-bottom: 16px; }
    .fund-callout h3 {
      font-family: "Jost", sans-serif; font-weight: 400; font-size: 21px;
      line-height: 1.25; color: var(--fg); margin: 0 0 14px;
    }
    .fund-callout p { color: var(--fg-dim); font-size: 15px; margin: 0 0 16px; }
    .fund-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
    .fund-tags span {
      font-family: "JetBrains Mono", monospace; font-size: 10.5px; color: var(--fg-dim);
      background: var(--bg-elev); border: 1px solid var(--line-soft);
      padding: 5px 10px; border-radius: 4px;
    }
    .fund-buyer {
      font-family: "Jost", sans-serif; font-size: 13px; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--gold-soft) !important; margin: 0 !important;
    }

    .fund-cta {
      display: flex; align-items: center; justify-content: space-between;
      flex-wrap: wrap; gap: 24px; margin-top: 60px; padding-top: 40px;
      border-top: 1px solid var(--line-soft);
    }
    .fund-cta p {
      font-family: "Jost", sans-serif; font-weight: 400;
      font-size: clamp(18px, 2.2vw, 24px); color: var(--fg); margin: 0; max-width: 560px;
      letter-spacing: 0.005em;
    }

    @media (max-width: 960px) {
      .fork { grid-template-columns: minmax(0, 1fr); }
      .fund-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
    }
    @media (max-width: 520px) {
      .field select { font-size: 16px; }
      .fork-card { padding: 32px 26px; }
    }

    /* ===== funding page section themes ===== */
    .stats.light { background: var(--cream); border-top-color: var(--ink-line); }
    .stats.light .n { color: var(--ink); }
    .stats.light .l { color: var(--ink-dim); }
    .stats.light .stat { border-left-color: var(--ink-line); }

    #model .section-head { max-width: none; }
    #model.light .platform-sub { color: var(--gold); }
    #model.light .fund-feat h4 { color: var(--ink); }
    #model.light .fund-feat p { color: var(--ink-dim); }
    #model.light .fund-feat .soft { color: var(--ink-dim); }

    .green { background: var(--bg); color: var(--fg); }
    .green p { color: var(--fg-dim); }
    .green .eyebrow { color: var(--gold-soft); }
    .green .fund-event p .lead { color: var(--gold-soft); }

    .cta-pair { display: flex; gap: 16px; margin-top: 8px; }
    .cta-pair > .btn { flex: 1; justify-content: center; }
    @media (max-width: 520px) { .cta-pair { flex-direction: column; } }