{"id":3121,"date":"2026-05-16T02:50:41","date_gmt":"2026-05-16T01:50:41","guid":{"rendered":"https:\/\/onyxrepository.org\/?page_id=3121"},"modified":"2026-05-16T02:52:25","modified_gmt":"2026-05-16T01:52:25","slug":"3121-2","status":"publish","type":"page","link":"https:\/\/onyxrepository.org\/index.php\/3121-2\/","title":{"rendered":""},"content":{"rendered":"\n<!--\nONYX REPOSITORY FOUNDATION \u2014 PREMIUM V2 ELEMENTOR \/ WORDPRESS HOMEPAGE\nPaste this full block into an Elementor HTML widget.\n\nAuthentic Onyx colors:\nPrimary Green: #0C7C0C\nPrimary Black: #000000\nBackground White: #FFFFFF\nSoft Highlight: #EDF9EC\nMuted Support Green: #3E5F3E\n\nRecommended WordPress setup:\n1. Set page layout to Elementor Canvas or Full Width.\n2. Replace \/index.php\/donate-now\/ with your final donation URL if needed.\n3. Replace the mailto form with Forminator\/Fluent Forms when ready for CRM capture.\n-->\n\n<div class=\"onyx-v2\" id=\"onyx-v2-home\">\n  <style>\n    .onyx-v2,\n    .onyx-v2 * {\n      box-sizing: border-box;\n    }\n\n    .onyx-v2 {\n      --onyx-green: #0C7C0C;\n      --onyx-green-dark: #075607;\n      --onyx-black: #000000;\n      --onyx-white: #FFFFFF;\n      --onyx-soft: #EDF9EC;\n      --onyx-support: #3E5F3E;\n      --onyx-ink: #071307;\n      --onyx-muted: #4D654D;\n      --onyx-line: rgba(12, 124, 12, 0.16);\n      --onyx-line-dark: rgba(237, 249, 236, 0.15);\n      --onyx-shadow: 0 28px 78px rgba(0, 0, 0, 0.16);\n      --onyx-soft-shadow: 0 18px 50px rgba(12, 124, 12, 0.10);\n      --onyx-radius-xl: 34px;\n      --onyx-radius-lg: 24px;\n      --onyx-radius-md: 16px;\n      --onyx-container: 1220px;\n      position: relative;\n      overflow: hidden;\n      color: var(--onyx-ink);\n      background: var(--onyx-white);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    }\n\n    .onyx-v2 a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .onyx-v2 button,\n    .onyx-v2 input,\n    .onyx-v2 select,\n    .onyx-v2 textarea {\n      font: inherit;\n    }\n\n    .onyx-wrap {\n      width: min(var(--onyx-container), calc(100% - 34px));\n      margin: 0 auto;\n      position: relative;\n      z-index: 3;\n    }\n\n    .onyx-section {\n      position: relative;\n      padding: 96px 0;\n      isolation: isolate;\n    }\n\n    .onyx-section.soft {\n      background:\n        radial-gradient(circle at 8% 18%, rgba(12, 124, 12, 0.08), transparent 28%),\n        linear-gradient(180deg, #FFFFFF 0%, #EDF9EC 100%);\n    }\n\n    .onyx-section.dark {\n      background:\n        radial-gradient(circle at 12% 12%, rgba(12, 124, 12, 0.24), transparent 33%),\n        radial-gradient(circle at 90% 14%, rgba(62, 95, 62, 0.22), transparent 30%),\n        linear-gradient(145deg, #000000, #061206 62%, #000000);\n      color: var(--onyx-white);\n    }\n\n    .onyx-ambient {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      overflow: hidden;\n      z-index: 1;\n    }\n\n    .onyx-orb {\n      position: absolute;\n      border-radius: 999px;\n      filter: blur(8px);\n      opacity: 0.7;\n      animation: onyxFloatSlow 13s ease-in-out infinite;\n    }\n\n    .onyx-orb.one {\n      width: 300px;\n      height: 300px;\n      top: -80px;\n      left: -75px;\n      background: radial-gradient(circle, rgba(12, 124, 12, 0.22), transparent 68%);\n    }\n\n    .onyx-orb.two {\n      width: 220px;\n      height: 220px;\n      top: 20%;\n      right: -60px;\n      background: radial-gradient(circle, rgba(62, 95, 62, 0.18), transparent 70%);\n      animation-delay: 1.7s;\n    }\n\n    .onyx-orb.three {\n      width: 240px;\n      height: 240px;\n      bottom: 2%;\n      left: 12%;\n      background: radial-gradient(circle, rgba(12, 124, 12, 0.14), transparent 72%);\n      animation-delay: 3.1s;\n    }\n\n    .onyx-btn-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 13px;\n      align-items: center;\n    }\n\n    .onyx-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      min-height: 48px;\n      padding: 13px 20px;\n      border: 1px solid transparent;\n      border-radius: 999px;\n      cursor: pointer;\n      line-height: 1;\n      font-weight: 950;\n      white-space: nowrap;\n      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;\n    }\n\n    .onyx-btn:hover,\n    .onyx-btn:focus-visible {\n      transform: translateY(-2px);\n    }\n\n    .onyx-btn:focus-visible,\n    .onyx-pill-nav a:focus-visible,\n    .onyx-form :focus-visible,\n    .onyx-faq-button:focus-visible {\n      outline: 3px solid rgba(12, 124, 12, 0.38);\n      outline-offset: 4px;\n    }\n\n    .onyx-btn.primary {\n      color: var(--onyx-white);\n      background: var(--onyx-green);\n      box-shadow: 0 18px 46px rgba(12, 124, 12, 0.26);\n    }\n\n    .onyx-btn.primary:hover {\n      background: var(--onyx-green-dark);\n    }\n\n    .onyx-btn.dark {\n      color: var(--onyx-white);\n      background: var(--onyx-black);\n      box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);\n    }\n\n    .onyx-btn.light {\n      color: var(--onyx-white);\n      background: rgba(237, 249, 236, 0.11);\n      border-color: rgba(237, 249, 236, 0.22);\n      backdrop-filter: blur(14px);\n    }\n\n    .onyx-btn.ghost {\n      color: var(--onyx-black);\n      background: var(--onyx-white);\n      border-color: var(--onyx-line);\n    }\n\n    .onyx-btn.block {\n      width: 100%;\n    }\n\n    .onyx-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      width: fit-content;\n      padding: 8px 13px;\n      border-radius: 999px;\n      border: 1px solid rgba(237, 249, 236, 0.28);\n      background: rgba(237, 249, 236, 0.08);\n      color: var(--onyx-soft);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .onyx-eyebrow.dark {\n      color: var(--onyx-green);\n      background: rgba(12, 124, 12, 0.09);\n      border-color: rgba(12, 124, 12, 0.18);\n    }\n\n    .onyx-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 999px;\n      background: var(--onyx-green);\n      box-shadow: 0 0 0 6px rgba(12, 124, 12, 0.14);\n      flex: 0 0 auto;\n    }\n\n    .onyx-top-strip {\n      background: var(--onyx-black);\n      color: rgba(237, 249, 236, 0.78);\n      border-bottom: 1px solid rgba(237, 249, 236, 0.1);\n      font-size: 13px;\n    }\n\n    .onyx-top-strip .onyx-wrap {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      padding: 10px 0;\n    }\n\n    .onyx-top-strip strong,\n    .onyx-footer strong {\n      color: var(--onyx-white);\n    }\n\n    .onyx-top-links,\n    .onyx-footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 14px;\n    }\n\n    .onyx-top-links a,\n    .onyx-footer-links a {\n      color: var(--onyx-soft);\n      font-weight: 850;\n    }\n\n    .onyx-hero {\n      position: relative;\n      padding: 28px 0 100px;\n      color: var(--onyx-white);\n      background:\n        linear-gradient(180deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16)),\n        radial-gradient(circle at 10% 10%, rgba(12, 124, 12, 0.36), transparent 35%),\n        radial-gradient(circle at 86% 16%, rgba(62, 95, 62, 0.30), transparent 30%),\n        linear-gradient(145deg, #000000, #071207 58%, #000000);\n      isolation: isolate;\n      overflow: hidden;\n    }\n\n    .onyx-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(237, 249, 236, 0.043) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(237, 249, 236, 0.043) 1px, transparent 1px);\n      background-size: 54px 54px;\n      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95), transparent 92%);\n      pointer-events: none;\n      z-index: 0;\n      animation: onyxGridDrift 18s linear infinite;\n    }\n\n    .onyx-hero-nav {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      margin-bottom: 58px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .onyx-brand {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      min-width: 220px;\n    }\n\n    .onyx-mark {\n      width: 50px;\n      height: 50px;\n      display: grid;\n      place-items: center;\n      border-radius: 16px;\n      background: linear-gradient(145deg, var(--onyx-green), var(--onyx-green-dark));\n      color: var(--onyx-white);\n      font-weight: 1000;\n      letter-spacing: -0.05em;\n      box-shadow: 0 16px 40px rgba(12, 124, 12, 0.30);\n    }\n\n    .onyx-brand-text strong {\n      display: block;\n      color: var(--onyx-white);\n      font-size: 15px;\n      line-height: 1.05;\n    }\n\n    .onyx-brand-text span {\n      display: block;\n      margin-top: 4px;\n      color: rgba(237, 249, 236, 0.74);\n      font-size: 12px;\n      font-weight: 760;\n    }\n\n    .onyx-pill-nav {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      align-items: center;\n      gap: 6px;\n      padding: 7px;\n      border: 1px solid rgba(237, 249, 236, 0.12);\n      border-radius: 999px;\n      background: rgba(237, 249, 236, 0.07);\n      backdrop-filter: blur(16px);\n    }\n\n    .onyx-pill-nav a {\n      padding: 10px 12px;\n      border-radius: 999px;\n      color: rgba(237, 249, 236, 0.78);\n      font-size: 13px;\n      font-weight: 850;\n      transition: background 180ms ease, color 180ms ease, transform 180ms ease;\n    }\n\n    .onyx-pill-nav a:hover {\n      transform: translateY(-1px);\n      background: rgba(237, 249, 236, 0.13);\n      color: var(--onyx-white);\n    }\n\n    .onyx-hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.86fr);\n      gap: 34px;\n      align-items: center;\n      position: relative;\n      z-index: 3;\n    }\n\n    .onyx-hero h1 {\n      max-width: 900px;\n      margin: 18px 0 18px;\n      color: var(--onyx-white);\n      font-size: clamp(45px, 6.4vw, 86px);\n      line-height: 0.925;\n      letter-spacing: -0.078em;\n    }\n\n    .onyx-hero h1 span {\n      color: var(--onyx-soft);\n    }\n\n    .onyx-hero-copy {\n      max-width: 760px;\n      margin: 0 0 28px;\n      color: rgba(237, 249, 236, 0.80);\n      font-size: clamp(17px, 2vw, 21px);\n      line-height: 1.64;\n    }\n\n    .onyx-hero-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 24px;\n    }\n\n    .onyx-meta-pill {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      min-height: 42px;\n      padding: 10px 14px;\n      border-radius: 999px;\n      border: 1px solid rgba(237, 249, 236, 0.14);\n      background: rgba(237, 249, 236, 0.08);\n      color: rgba(237, 249, 236, 0.84);\n      font-size: 13px;\n      font-weight: 850;\n      animation: onyxFloatSlow 6.5s ease-in-out infinite;\n    }\n\n    .onyx-meta-pill:nth-child(2) {\n      animation-delay: 1s;\n    }\n\n    .onyx-meta-pill:nth-child(3) {\n      animation-delay: 2s;\n    }\n\n    .onyx-hero-visual {\n      position: relative;\n      min-height: 560px;\n      display: grid;\n      place-items: center;\n    }\n\n    .onyx-ecosystem-core {\n      position: relative;\n      width: 370px;\n      height: 370px;\n      display: grid;\n      place-items: center;\n    }\n\n    .onyx-core-ring,\n    .onyx-core-ring-two,\n    .onyx-core-ring-three {\n      position: absolute;\n      border-radius: 999px;\n      border: 1px dashed rgba(237, 249, 236, 0.18);\n      animation: onyxRotate 30s linear infinite;\n    }\n\n    .onyx-core-ring {\n      inset: 10px;\n    }\n\n    .onyx-core-ring-two {\n      inset: 50px;\n      animation-duration: 22s;\n      animation-direction: reverse;\n    }\n\n    .onyx-core-ring-three {\n      inset: 88px;\n      opacity: 0.6;\n      animation-duration: 18s;\n    }\n\n    .onyx-core-center {\n      position: relative;\n      z-index: 4;\n      width: 176px;\n      height: 176px;\n      display: grid;\n      place-items: center;\n      border-radius: 999px;\n      background:\n        radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.18), transparent 35%),\n        linear-gradient(145deg, var(--onyx-green), #043b04);\n      color: var(--onyx-white);\n      text-align: center;\n      box-shadow: 0 24px 58px rgba(12, 124, 12, 0.34);\n    }\n\n    .onyx-core-center strong {\n      display: block;\n      font-size: 42px;\n      line-height: 0.9;\n      letter-spacing: -0.08em;\n    }\n\n    .onyx-core-center span {\n      display: block;\n      margin-top: 8px;\n      color: rgba(237, 249, 236, 0.86);\n      font-size: 11px;\n      font-weight: 900;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    .onyx-orbit-pill {\n      position: absolute;\n      z-index: 5;\n      min-height: 40px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 10px 13px;\n      border-radius: 999px;\n      border: 1px solid rgba(12, 124, 12, 0.14);\n      background: rgba(237, 249, 236, 0.94);\n      color: var(--onyx-support);\n      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);\n      font-size: 12px;\n      font-weight: 900;\n      line-height: 1;\n      animation: onyxFloatSlow 5s ease-in-out infinite;\n    }\n\n    .onyx-orbit-pill.green {\n      background: var(--onyx-green);\n      color: var(--onyx-white);\n    }\n\n    .onyx-orbit-pill.dark {\n      background: #061206;\n      color: var(--onyx-soft);\n      border-color: rgba(237, 249, 236, 0.14);\n    }\n\n    .onyx-orbit-pill.p1 { top: 0; left: 50%; transform: translateX(-50%); }\n    .onyx-orbit-pill.p2 { top: 25%; right: -4%; animation-delay: .8s; }\n    .onyx-orbit-pill.p3 { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 1.6s; }\n    .onyx-orbit-pill.p4 { top: 25%; left: -4%; animation-delay: 2.2s; }\n    .onyx-orbit-pill.p5 { top: 65%; right: 8%; animation-delay: 1.2s; }\n    .onyx-orbit-pill.p6 { top: 65%; left: 8%; animation-delay: 2.7s; }\n\n    .onyx-hero-card {\n      position: absolute;\n      z-index: 6;\n      width: 210px;\n      padding: 16px 18px;\n      border-radius: 22px;\n      border: 1px solid rgba(237, 249, 236, 0.14);\n      background: rgba(237, 249, 236, 0.09);\n      color: var(--onyx-white);\n      box-shadow: var(--onyx-shadow);\n      backdrop-filter: blur(18px);\n      animation: onyxFloatSlow 8s ease-in-out infinite;\n    }\n\n    .onyx-hero-card strong {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--onyx-soft);\n      font-size: 26px;\n      line-height: 1;\n      letter-spacing: -0.04em;\n    }\n\n    .onyx-hero-card span {\n      display: block;\n      color: rgba(237, 249, 236, 0.76);\n      font-size: 12px;\n      line-height: 1.45;\n      font-weight: 760;\n    }\n\n    .onyx-hero-card.card-a { top: 4%; left: 2%; }\n    .onyx-hero-card.card-b { bottom: 7%; left: 7%; animation-delay: 1.4s; }\n    .onyx-hero-card.card-c { top: 13%; right: -1%; animation-delay: 2.1s; }\n\n    .onyx-wave-divider {\n      position: absolute;\n      right: 0;\n      bottom: -1px;\n      left: 0;\n      z-index: 2;\n      line-height: 0;\n      pointer-events: none;\n    }\n\n    .onyx-wave-divider svg {\n      display: block;\n      width: 100%;\n      height: 90px;\n    }\n\n    .onyx-ticker-band {\n      position: relative;\n      overflow: hidden;\n      padding: 20px 0;\n      border-top: 1px solid var(--onyx-line);\n      border-bottom: 1px solid var(--onyx-line);\n      background: var(--onyx-soft);\n    }\n\n    .onyx-marquee-window {\n      overflow: hidden;\n    }\n\n    .onyx-marquee {\n      display: flex;\n      width: max-content;\n      gap: 14px;\n      animation: onyxMarquee 30s linear infinite;\n    }\n\n    .onyx-marquee:hover {\n      animation-play-state: paused;\n    }\n\n    .onyx-marquee-item {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      min-height: 46px;\n      padding: 10px 14px;\n      border: 1px solid var(--onyx-line);\n      border-radius: 999px;\n      background: var(--onyx-white);\n      color: var(--onyx-support);\n      box-shadow: 0 10px 24px rgba(12, 124, 12, 0.06);\n      font-size: 13px;\n      font-weight: 850;\n      white-space: nowrap;\n    }\n\n    .onyx-marquee-item strong {\n      color: var(--onyx-black);\n      font-size: 16px;\n      letter-spacing: -0.04em;\n    }\n\n    .onyx-section-head {\n      display: grid;\n      grid-template-columns: minmax(0, 0.94fr) minmax(280px, 0.58fr);\n      gap: 28px;\n      align-items: end;\n      margin-bottom: 38px;\n    }\n\n    .onyx-section-head.center {\n      display: block;\n      max-width: 930px;\n      margin: 0 auto 46px;\n      text-align: center;\n    }\n\n    .onyx-section h2 {\n      margin: 14px 0 0;\n      color: var(--onyx-black);\n      font-size: clamp(35px, 5vw, 61px);\n      line-height: 0.98;\n      letter-spacing: -0.066em;\n    }\n\n    .onyx-section.dark h2 {\n      color: var(--onyx-white);\n    }\n\n    .onyx-section h2 .accent {\n      color: var(--onyx-green);\n    }\n\n    .onyx-section.dark h2 .accent {\n      color: var(--onyx-soft);\n    }\n\n    .onyx-section-copy {\n      margin: 0;\n      color: var(--onyx-muted);\n      font-size: 17px;\n      line-height: 1.72;\n    }\n\n    .onyx-section.dark .onyx-section-copy {\n      color: rgba(237, 249, 236, 0.74);\n    }\n\n    .onyx-card,\n    .onyx-panel,\n    .onyx-mini-card,\n    .onyx-model-step,\n    .onyx-proof-card,\n    .onyx-faq-item,\n    .onyx-form-panel,\n    .onyx-platform-card {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid var(--onyx-line);\n      border-radius: var(--onyx-radius-xl);\n      background: var(--onyx-white);\n      box-shadow: var(--onyx-soft-shadow);\n      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n    }\n\n    .onyx-card:hover,\n    .onyx-panel:hover,\n    .onyx-mini-card:hover,\n    .onyx-model-step:hover,\n    .onyx-proof-card:hover,\n    .onyx-form-panel:hover,\n    .onyx-platform-card:hover {\n      transform: translateY(-5px);\n      border-color: rgba(12, 124, 12, 0.25);\n      box-shadow: 0 26px 60px rgba(12, 124, 12, 0.13);\n    }\n\n    .onyx-card::before,\n    .onyx-panel::before,\n    .onyx-mini-card::before,\n    .onyx-model-step::before,\n    .onyx-proof-card::before,\n    .onyx-form-panel::before,\n    .onyx-platform-card::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at top right, rgba(12, 124, 12, 0.10), transparent 44%);\n      pointer-events: none;\n    }\n\n    .onyx-about-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.86fr);\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    .onyx-about-main {\n      min-height: 430px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 34px;\n    }\n\n    .onyx-about-main h3 {\n      position: relative;\n      margin: 0 0 14px;\n      color: var(--onyx-black);\n      font-size: clamp(30px, 3.9vw, 49px);\n      line-height: 0.98;\n      letter-spacing: -0.058em;\n    }\n\n    .onyx-about-main p,\n    .onyx-mini-card p,\n    .onyx-model-step p,\n    .onyx-proof-card p,\n    .onyx-platform-card p,\n    .onyx-form-panel p {\n      position: relative;\n      margin: 0;\n      color: var(--onyx-muted);\n      line-height: 1.68;\n    }\n\n    .onyx-about-main p + p {\n      margin-top: 14px;\n    }\n\n    .onyx-about-side {\n      display: grid;\n      gap: 18px;\n    }\n\n    .onyx-mini-card,\n    .onyx-proof-card,\n    .onyx-platform-card {\n      min-height: 205px;\n      display: grid;\n      align-content: start;\n      gap: 12px;\n      padding: 24px;\n    }\n\n    .onyx-icon-chip {\n      position: relative;\n      width: 54px;\n      height: 54px;\n      display: grid;\n      place-items: center;\n      border-radius: 18px;\n      background: var(--onyx-black);\n      color: var(--onyx-soft);\n      font-size: 20px;\n      font-weight: 1000;\n    }\n\n    .onyx-mini-card h3,\n    .onyx-model-step h3,\n    .onyx-proof-card h3,\n    .onyx-platform-card h3,\n    .onyx-faq-button strong {\n      position: relative;\n      margin: 0;\n      color: var(--onyx-black);\n      font-size: 24px;\n      line-height: 1.08;\n      letter-spacing: -0.035em;\n    }\n\n    .onyx-link {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      margin-top: 4px;\n      color: var(--onyx-green);\n      font-weight: 950;\n    }\n\n    .onyx-model-flow {\n      position: relative;\n      display: grid;\n      gap: 18px;\n    }\n\n    .onyx-model-line {\n      position: absolute;\n      top: 78px;\n      left: 5.2%;\n      right: 5.2%;\n      z-index: 1;\n      height: 3px;\n      overflow: hidden;\n      border-radius: 999px;\n      background: linear-gradient(90deg, rgba(12,124,12,0.18), rgba(12,124,12,0.65), rgba(12,124,12,0.18));\n    }\n\n    .onyx-model-line::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      width: 36%;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);\n      animation: onyxSweep 4.4s linear infinite;\n    }\n\n    .onyx-model-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .onyx-model-step {\n      min-height: 270px;\n      display: grid;\n      align-content: start;\n      gap: 10px;\n      padding: 22px 18px 20px;\n      text-align: center;\n    }\n\n    .onyx-model-number {\n      position: relative;\n      width: 44px;\n      height: 44px;\n      display: grid;\n      place-items: center;\n      margin: 0 auto 6px;\n      border-radius: 14px;\n      background: var(--onyx-green);\n      color: var(--onyx-white);\n      font-weight: 1000;\n      box-shadow: 0 14px 28px rgba(12, 124, 12, 0.20);\n    }\n\n    .onyx-model-badge-row {\n      position: relative;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 6px;\n    }\n\n    .onyx-badge,\n    .onyx-tag {\n      display: inline-flex;\n      align-items: center;\n      min-height: 28px;\n      padding: 6px 10px;\n      border-radius: 999px;\n      border: 1px solid rgba(12, 124, 12, 0.12);\n      background: var(--onyx-soft);\n      color: var(--onyx-support);\n      font-size: 11px;\n      font-weight: 850;\n    }\n\n    .onyx-gaf-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 0.86fr) minmax(360px, 0.96fr);\n      gap: 24px;\n      align-items: center;\n    }\n\n    .onyx-gaf-copy {\n      position: relative;\n      padding: 34px;\n      border-radius: var(--onyx-radius-xl);\n      border: 1px solid rgba(237,249,236,0.14);\n      background: rgba(237,249,236,0.07);\n      box-shadow: var(--onyx-shadow);\n      backdrop-filter: blur(14px);\n    }\n\n    .onyx-gaf-copy h3,\n    .onyx-impact-panel h3,\n    .onyx-form-panel h3 {\n      position: relative;\n      margin: 0 0 12px;\n      color: var(--onyx-white);\n      font-size: clamp(30px, 4vw, 47px);\n      line-height: 0.98;\n      letter-spacing: -0.056em;\n    }\n\n    .onyx-gaf-copy p,\n    .onyx-impact-panel p {\n      position: relative;\n      margin: 0 0 18px;\n      color: rgba(237,249,236,0.76);\n      line-height: 1.72;\n      font-size: 16px;\n    }\n\n    .onyx-check-list {\n      position: relative;\n      display: grid;\n      gap: 12px;\n      padding: 0;\n      margin: 0;\n      list-style: none;\n    }\n\n    .onyx-check-list li {\n      display: grid;\n      grid-template-columns: 28px minmax(0, 1fr);\n      gap: 10px;\n      align-items: start;\n      color: rgba(237,249,236,0.82);\n      line-height: 1.55;\n    }\n\n    .onyx-check-list.dark-text li {\n      color: var(--onyx-support);\n    }\n\n    .onyx-check-list li::before {\n      content: \"\u2713\";\n      width: 28px;\n      height: 28px;\n      display: grid;\n      place-items: center;\n      border-radius: 999px;\n      background: rgba(237,249,236,0.12);\n      color: var(--onyx-soft);\n      font-weight: 1000;\n    }\n\n    .onyx-check-list.dark-text li::before {\n      background: rgba(12,124,12,0.14);\n      color: var(--onyx-green);\n    }\n\n    .onyx-gaf-loop {\n      position: relative;\n      min-height: 540px;\n      display: grid;\n      place-items: center;\n    }\n\n    .onyx-loop-ring {\n      position: absolute;\n      width: 440px;\n      height: 440px;\n      border: 2px dashed rgba(237,249,236,0.2);\n      border-radius: 999px;\n      animation: onyxRotate 32s linear infinite;\n    }\n\n    .onyx-loop-core {\n      position: relative;\n      z-index: 3;\n      width: 184px;\n      height: 184px;\n      display: grid;\n      place-items: center;\n      border-radius: 999px;\n      background: linear-gradient(145deg, var(--onyx-green), #043a04);\n      color: var(--onyx-white);\n      text-align: center;\n      box-shadow: 0 24px 58px rgba(12, 124, 12, 0.34);\n    }\n\n    .onyx-loop-core strong {\n      display: block;\n      font-size: 42px;\n      line-height: 0.92;\n      letter-spacing: -0.08em;\n    }\n\n    .onyx-loop-core span {\n      display: block;\n      margin-top: 7px;\n      color: rgba(237,249,236,0.84);\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    .onyx-loop-node {\n      position: absolute;\n      width: 186px;\n      padding: 16px 16px 14px;\n      border: 1px solid rgba(12,124,12,0.14);\n      border-radius: 22px;\n      background: rgba(237,249,236,0.94);\n      color: var(--onyx-support);\n      box-shadow: 0 16px 38px rgba(0,0,0,0.16);\n      text-align: center;\n      animation: onyxFloatSlow 7s ease-in-out infinite;\n    }\n\n    .onyx-loop-node strong {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--onyx-black);\n      font-size: 18px;\n      line-height: 1.05;\n      letter-spacing: -0.03em;\n    }\n\n    .onyx-loop-node span {\n      display: block;\n      font-size: 12px;\n      line-height: 1.42;\n    }\n\n    .onyx-loop-node.n1 { top: 0; left: 50%; transform: translateX(-50%); }\n    .onyx-loop-node.n2 { top: 50%; right: 0; transform: translateY(-50%); animation-delay: 1s; }\n    .onyx-loop-node.n3 { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 1.8s; }\n    .onyx-loop-node.n4 { top: 50%; left: 0; transform: translateY(-50%); animation-delay: 2.6s; }\n\n    .onyx-platform-layout {\n      display: grid;\n      grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    .onyx-platform-feature {\n      min-height: 430px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      padding: 34px;\n    }\n\n    .onyx-platform-feature h3 {\n      position: relative;\n      margin: 14px 0 12px;\n      color: var(--onyx-black);\n      font-size: clamp(32px, 4vw, 50px);\n      line-height: 0.98;\n      letter-spacing: -0.058em;\n    }\n\n    .onyx-platform-feature p {\n      position: relative;\n      max-width: 640px;\n      margin: 0;\n      color: var(--onyx-muted);\n      line-height: 1.74;\n    }\n\n    .onyx-platform-side {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .onyx-platform-card p {\n      font-size: 14px;\n    }\n\n    .onyx-tag-row {\n      position: relative;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 16px;\n    }\n\n    .onyx-impact-panel {\n      position: relative;\n      overflow: hidden;\n      padding: 36px;\n      border-radius: var(--onyx-radius-xl);\n      background:\n        radial-gradient(circle at 88% 14%, rgba(12, 124, 12, 0.34), transparent 32%),\n        linear-gradient(145deg, #000000, #061206);\n      box-shadow: var(--onyx-shadow);\n      color: var(--onyx-white);\n    }\n\n    .onyx-impact-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.88fr);\n      gap: 24px;\n      align-items: start;\n    }\n\n    .onyx-impact-metrics {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    .onyx-metric {\n      padding: 18px;\n      border-radius: 22px;\n      border: 1px solid rgba(237,249,236,0.12);\n      background: rgba(237,249,236,0.07);\n      backdrop-filter: blur(12px);\n    }\n\n    .onyx-metric strong {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--onyx-soft);\n      font-size: clamp(26px, 4vw, 42px);\n      line-height: 1;\n      letter-spacing: -0.05em;\n    }\n\n    .onyx-metric span {\n      display: block;\n      color: rgba(237,249,236,0.74);\n      font-size: 13px;\n      line-height: 1.42;\n      font-weight: 760;\n    }\n\n    .onyx-proof-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .onyx-partner-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 0.88fr) minmax(380px, 0.92fr);\n      gap: 22px;\n      align-items: stretch;\n    }\n\n    .onyx-partner-copy {\n      min-height: 100%;\n      padding: 34px;\n    }\n\n    .onyx-partner-copy h3 {\n      position: relative;\n      margin: 14px 0 12px;\n      color: var(--onyx-black);\n      font-size: clamp(32px, 4vw, 49px);\n      line-height: 0.98;\n      letter-spacing: -0.058em;\n    }\n\n    .onyx-partner-copy p {\n      position: relative;\n      margin: 0 0 18px;\n      color: var(--onyx-muted);\n      line-height: 1.74;\n    }\n\n    .onyx-partner-steps {\n      position: relative;\n      display: grid;\n      gap: 12px;\n      margin-top: 22px;\n    }\n\n    .onyx-partner-step {\n      display: grid;\n      grid-template-columns: 42px minmax(0, 1fr);\n      gap: 12px;\n      padding: 14px;\n      border-radius: 18px;\n      border: 1px solid rgba(12,124,12,0.12);\n      background: var(--onyx-soft);\n    }\n\n    .onyx-partner-step strong {\n      width: 42px;\n      height: 42px;\n      display: grid;\n      place-items: center;\n      border-radius: 14px;\n      background: var(--onyx-black);\n      color: var(--onyx-soft);\n      font-size: 16px;\n    }\n\n    .onyx-partner-step span {\n      align-self: center;\n      color: var(--onyx-support);\n      font-size: 14px;\n      font-weight: 760;\n      line-height: 1.46;\n    }\n\n    .onyx-form-panel {\n      padding: 28px;\n      background:\n        radial-gradient(circle at top right, rgba(12,124,12,0.1), transparent 40%),\n        var(--onyx-white);\n    }\n\n    .onyx-form-panel h3 {\n      color: var(--onyx-black);\n      font-size: 30px;\n    }\n\n    .onyx-form-panel p {\n      margin-bottom: 18px;\n    }\n\n    .onyx-form {\n      position: relative;\n      display: grid;\n      gap: 13px;\n    }\n\n    .onyx-form-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 13px;\n    }\n\n    .onyx-field label {\n      display: block;\n      margin-bottom: 6px;\n      color: var(--onyx-black);\n      font-size: 13px;\n      font-weight: 900;\n    }\n\n    .onyx-field input,\n    .onyx-field select,\n    .onyx-field textarea {\n      width: 100%;\n      min-height: 48px;\n      padding: 13px 14px;\n      border-radius: 14px;\n      border: 1px solid rgba(12,124,12,0.18);\n      background: var(--onyx-white);\n      color: var(--onyx-ink);\n      outline: none;\n    }\n\n    .onyx-field textarea {\n      min-height: 120px;\n      resize: vertical;\n    }\n\n    .onyx-form-note {\n      color: var(--onyx-muted);\n      font-size: 12px;\n      line-height: 1.46;\n    }\n\n    .onyx-faq-list {\n      display: grid;\n      gap: 14px;\n      max-width: 940px;\n      margin: 0 auto;\n    }\n\n    .onyx-faq-button {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      padding: 20px;\n      border: 0;\n      background: transparent;\n      color: var(--onyx-black);\n      cursor: pointer;\n      text-align: left;\n    }\n\n    .onyx-faq-icon {\n      width: 32px;\n      height: 32px;\n      display: grid;\n      place-items: center;\n      border-radius: 999px;\n      background: rgba(12,124,12,0.12);\n      color: var(--onyx-green);\n      flex: 0 0 auto;\n      font-weight: 1000;\n      transition: transform .2s ease;\n    }\n\n    .onyx-faq-answer {\n      display: none;\n      padding: 0 20px 20px;\n      color: var(--onyx-muted);\n      line-height: 1.7;\n    }\n\n    .onyx-faq-item.is-open .onyx-faq-answer {\n      display: block;\n    }\n\n    .onyx-faq-item.is-open .onyx-faq-icon {\n      transform: rotate(45deg);\n    }\n\n    .onyx-final-cta {\n      position: relative;\n      padding: 84px 0;\n      background:\n        radial-gradient(circle at 18% 16%, rgba(12,124,12,0.28), transparent 34%),\n        radial-gradient(circle at 82% 50%, rgba(62,95,62,0.26), transparent 32%),\n        linear-gradient(145deg, #000000, #061206);\n      color: var(--onyx-white);\n    }\n\n    .onyx-final-card {\n      position: relative;\n      overflow: hidden;\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) auto;\n      gap: 26px;\n      align-items: center;\n      padding: 34px;\n      border-radius: var(--onyx-radius-xl);\n      border: 1px solid rgba(237,249,236,0.14);\n      background: rgba(237,249,236,0.08);\n      box-shadow: var(--onyx-shadow);\n      backdrop-filter: blur(14px);\n    }\n\n    .onyx-final-card h2 {\n      margin: 0 0 10px;\n      color: var(--onyx-white);\n      font-size: clamp(34px, 5vw, 58px);\n      line-height: 0.96;\n      letter-spacing: -0.06em;\n    }\n\n    .onyx-final-card p {\n      margin: 0;\n      color: rgba(237,249,236,0.74);\n      font-size: 17px;\n      line-height: 1.7;\n    }\n\n    .onyx-footer {\n      padding: 26px 0;\n      border-top: 1px solid rgba(237,249,236,0.1);\n      background: var(--onyx-black);\n      color: rgba(237,249,236,0.66);\n      font-size: 13px;\n    }\n\n    .onyx-footer .onyx-wrap {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      gap: 18px;\n    }\n\n    .onyx-reveal {\n      opacity: 0;\n      transform: translateY(22px);\n      transition: opacity 550ms ease, transform 550ms ease;\n    }\n\n    .onyx-reveal.is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    @keyframes onyxFloatSlow {\n      0%, 100% { transform: translateY(0); }\n      50% { transform: translateY(-7px); }\n    }\n\n    @keyframes onyxRotate {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    @keyframes onyxMarquee {\n      from { transform: translateX(0); }\n      to { transform: translateX(-50%); }\n    }\n\n    @keyframes onyxSweep {\n      from { transform: translateX(-120%); }\n      to { transform: translateX(340%); }\n    }\n\n    @keyframes onyxGridDrift {\n      from { background-position: 0 0; }\n      to { background-position: 54px 54px; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .onyx-orb,\n      .onyx-meta-pill,\n      .onyx-hero-card,\n      .onyx-core-ring,\n      .onyx-core-ring-two,\n      .onyx-core-ring-three,\n      .onyx-orbit-pill,\n      .onyx-loop-ring,\n      .onyx-loop-node,\n      .onyx-model-line::after,\n      .onyx-marquee,\n      .onyx-hero::before {\n        animation: none !important;\n      }\n\n      .onyx-reveal {\n        opacity: 1;\n        transform: none;\n        transition: none;\n      }\n    }\n\n    @media (max-width: 1100px) {\n      .onyx-hero-grid,\n      .onyx-about-grid,\n      .onyx-gaf-grid,\n      .onyx-platform-layout,\n      .onyx-impact-grid,\n      .onyx-partner-grid,\n      .onyx-final-card,\n      .onyx-section-head {\n        grid-template-columns: 1fr;\n      }\n\n      .onyx-model-grid,\n      .onyx-proof-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      .onyx-model-line {\n        display: none;\n      }\n\n      .onyx-hero-nav {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .onyx-pill-nav {\n        justify-content: flex-start;\n        border-radius: 22px;\n      }\n\n      .onyx-gaf-loop {\n        min-height: 630px;\n      }\n    }\n\n    @media (max-width: 760px) {\n      .onyx-wrap {\n        width: min(var(--onyx-container), calc(100% - 24px));\n      }\n\n      .onyx-top-strip .onyx-wrap,\n      .onyx-footer .onyx-wrap {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .onyx-top-links,\n      .onyx-footer-links {\n        justify-content: flex-start;\n      }\n\n      .onyx-section {\n        padding: 70px 0;\n      }\n\n      .onyx-model-grid,\n      .onyx-platform-side,\n      .onyx-impact-metrics,\n      .onyx-proof-grid,\n      .onyx-form-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .onyx-hero {\n        padding-bottom: 78px;\n      }\n\n      .onyx-hero-visual {\n        min-height: 520px;\n      }\n\n      .onyx-ecosystem-core {\n        width: 300px;\n        height: 300px;\n      }\n\n      .onyx-core-center {\n        width: 150px;\n        height: 150px;\n      }\n\n      .onyx-core-center strong {\n        font-size: 34px;\n      }\n\n      .onyx-hero-card {\n        width: 180px;\n      }\n\n      .onyx-loop-ring {\n        width: 322px;\n        height: 322px;\n      }\n\n      .onyx-loop-node {\n        width: 145px;\n        padding: 13px 12px;\n      }\n\n      .onyx-btn-row {\n        width: 100%;\n      }\n\n      .onyx-btn {\n        width: 100%;\n        white-space: normal;\n        text-align: center;\n      }\n\n      .onyx-final-card,\n      .onyx-about-main,\n      .onyx-gaf-copy,\n      .onyx-impact-panel,\n      .onyx-partner-copy,\n      .onyx-form-panel,\n      .onyx-platform-feature {\n        padding: 22px;\n        border-radius: 24px;\n      }\n    }\n  <\/style>\n\n  <div class=\"onyx-top-strip\" role=\"banner\">\n    <div class=\"onyx-wrap\">\n      <div><strong>Onyx Repository Foundation<\/strong> \u2014 community infrastructure, workforce pathways, and economic reinvestment.<\/div>\n      <div class=\"onyx-top-links\" aria-label=\"Contact links\">\n        <a href=\"mailto:info@onyxrepository.org\">info@onyxrepository.org<\/a>\n        <span>246 Market Street, Paterson, NJ 07501<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <header class=\"onyx-hero\" id=\"top\">\n    <div class=\"onyx-ambient\" aria-hidden=\"true\">\n      <span class=\"onyx-orb one\"><\/span>\n      <span class=\"onyx-orb two\"><\/span>\n      <span class=\"onyx-orb three\"><\/span>\n    <\/div>\n\n    <div class=\"onyx-wrap\">\n      <nav class=\"onyx-hero-nav\" aria-label=\"Onyx homepage navigation\">\n        <a class=\"onyx-brand\" href=\"#top\" aria-label=\"Onyx Repository Foundation home\">\n          <span class=\"onyx-mark\">ORF<\/span>\n          <span class=\"onyx-brand-text\">\n            <strong>Onyx Repository Foundation<\/strong>\n            <span>Fund. Build. Sustain.<\/span>\n          <\/span>\n        <\/a>\n\n        <div class=\"onyx-pill-nav\">\n          <a href=\"#about\">About<\/a>\n          <a href=\"#model\">Model<\/a>\n          <a href=\"#gaf\">GAF<\/a>\n          <a href=\"#platforms\">Platforms<\/a>\n          <a href=\"#impact\">Impact<\/a>\n          <a href=\"#partner\">Partner<\/a>\n          <a href=\"\/index.php\/donate-now\/\">Donate<\/a>\n        <\/div>\n      <\/nav>\n\n      <div class=\"onyx-hero-grid\">\n        <div class=\"onyx-reveal\">\n          <span class=\"onyx-eyebrow\"><span class=\"onyx-dot\"><\/span> Economic-development operating system<\/span>\n          <h1>Building community wealth through <span>ownership, workforce, and reinvestment.<\/span><\/h1>\n          <p class=\"onyx-hero-copy\">\n            Onyx Repository Foundation develops community-centered platforms, business-support systems, workforce pathways, and reinvestment strategies that help underserved communities build long-term economic power from the inside out.\n          <\/p>\n\n          <div class=\"onyx-btn-row\" aria-label=\"Primary actions\">\n            <a class=\"onyx-btn primary\" href=\"\/index.php\/donate-now\/\">Donate to GAF \u2192<\/a>\n            <a class=\"onyx-btn light\" href=\"#partner\">Partner With Onyx<\/a>\n            <a class=\"onyx-btn light\" href=\"#model\">See the Model<\/a>\n          <\/div>\n\n          <div class=\"onyx-hero-meta\">\n            <span class=\"onyx-meta-pill\">600+ income opportunities connected<\/span>\n            <span class=\"onyx-meta-pill\">Platform-powered reinvestment<\/span>\n            <span class=\"onyx-meta-pill\">Community-first infrastructure<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"onyx-hero-visual onyx-reveal\" aria-label=\"Onyx ecosystem visual\">\n          <div class=\"onyx-hero-card card-a\">\n            <strong>GAF<\/strong>\n            <span>Growth Accommodation Fund supporting business, workforce, and infrastructure.<\/span>\n          <\/div>\n\n          <div class=\"onyx-hero-card card-b\">\n            <strong>600+<\/strong>\n            <span>Income opportunities connected through affiliated platforms and initiatives.<\/span>\n          <\/div>\n\n          <div class=\"onyx-hero-card card-c\">\n            <strong>2 Core Bodies<\/strong>\n            <span>County Committees and Business Advisory Board guide priorities and execution.<\/span>\n          <\/div>\n\n          <div class=\"onyx-ecosystem-core\">\n            <div class=\"onyx-core-ring\"><\/div>\n            <div class=\"onyx-core-ring-two\"><\/div>\n            <div class=\"onyx-core-ring-three\"><\/div>\n\n            <div class=\"onyx-core-center\">\n              <div>\n                <strong>ONYX<\/strong>\n                <span>Repository Foundation<\/span>\n              <\/div>\n            <\/div>\n\n            <span class=\"onyx-orbit-pill green p1\">Workforce<\/span>\n            <span class=\"onyx-orbit-pill p2\">Business Support<\/span>\n            <span class=\"onyx-orbit-pill dark p3\">Reinvestment<\/span>\n            <span class=\"onyx-orbit-pill p4\">Infrastructure<\/span>\n            <span class=\"onyx-orbit-pill green p5\">Platforms<\/span>\n            <span class=\"onyx-orbit-pill p6\">Impact<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"onyx-wave-divider\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 1440 120\" preserveAspectRatio=\"none\">\n        <path fill=\"#EDF9EC\" d=\"M0,64 C180,122 320,10 540,40 C760,70 910,122 1140,78 C1280,52 1360,20 1440,34 L1440,120 L0,120 Z\"><\/path>\n      <\/svg>\n    <\/div>\n  <\/header>\n\n  <section class=\"onyx-ticker-band\" aria-label=\"Onyx highlights\">\n    <div class=\"onyx-wrap onyx-marquee-window\">\n      <div class=\"onyx-marquee\">\n        <span class=\"onyx-marquee-item\"><strong>600+<\/strong> income opportunities connected through affiliated platforms and initiatives<\/span>\n        <span class=\"onyx-marquee-item\"><strong>GAF<\/strong> reinvestment engine for business, workforce, and infrastructure<\/span>\n        <span class=\"onyx-marquee-item\"><strong>Paterson-rooted<\/strong> scalable community economic-development model<\/span>\n        <span class=\"onyx-marquee-item\"><strong>2 Accountability Bodies<\/strong> community needs + business strategy<\/span>\n        <span class=\"onyx-marquee-item\"><strong>Platform Ecosystem<\/strong> transportation, food, media, and business support<\/span>\n        <span class=\"onyx-marquee-item\"><strong>600+<\/strong> income opportunities connected through affiliated platforms and initiatives<\/span>\n        <span class=\"onyx-marquee-item\"><strong>GAF<\/strong> reinvestment engine for business, workforce, and infrastructure<\/span>\n        <span class=\"onyx-marquee-item\"><strong>Paterson-rooted<\/strong> scalable community economic-development model<\/span>\n        <span class=\"onyx-marquee-item\"><strong>2 Accountability Bodies<\/strong> community needs + business strategy<\/span>\n        <span class=\"onyx-marquee-item\"><strong>Platform Ecosystem<\/strong> transportation, food, media, and business support<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <main>\n    <section class=\"onyx-section soft\" id=\"about\">\n      <div class=\"onyx-ambient\" aria-hidden=\"true\">\n        <span class=\"onyx-orb one\" style=\"top:auto; bottom:5%; left:-50px;\"><\/span>\n        <span class=\"onyx-orb two\" style=\"top:14%; right:-20px;\"><\/span>\n      <\/div>\n\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head\">\n          <div>\n            <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Who We Are<\/span>\n            <h2>A foundation built for <span class=\"accent\">economic execution.<\/span><\/h2>\n          <\/div>\n          <p class=\"onyx-section-copy\">\n            Onyx Repository Foundation is a nonprofit economic-development organization rooted in Paterson, New Jersey. We build and support community-centered platforms, workforce pathways, business-support systems, and reinvestment strategies that help underserved communities create long-term economic power.\n          <\/p>\n        <\/div>\n\n        <div class=\"onyx-about-grid\">\n          <article class=\"onyx-card onyx-about-main onyx-reveal\">\n            <div>\n              <h3>Not charity alone. <br>Infrastructure with a purpose.<\/h3>\n              <p>\n                Onyx is designed to move beyond one-time aid and into practical community-building systems. We connect local needs, business guidance, workforce mobility, and reinvestment so that more value stays circulating through the community.\n              <\/p>\n              <p>\n                The model is built to support residents, entrepreneurs, institutions, and community partners through services that are useful, measurable, and economically active.\n              <\/p>\n            <\/div>\n\n            <div class=\"onyx-btn-row\">\n              <a class=\"onyx-btn ghost\" href=\"#model\">Explore the Model<\/a>\n              <a class=\"onyx-btn primary\" href=\"#partner\">Start a Partnership<\/a>\n            <\/div>\n          <\/article>\n\n          <div class=\"onyx-about-side\">\n            <article class=\"onyx-mini-card onyx-reveal\">\n              <div class=\"onyx-icon-chip\">01<\/div>\n              <h3>Community infrastructure<\/h3>\n              <p>Transportation, local commerce, media, workforce systems, business tools, and future neighborhood-serving development.<\/p>\n              <a class=\"onyx-link\" href=\"#platforms\">View ecosystem \u2192<\/a>\n            <\/article>\n\n            <article class=\"onyx-mini-card onyx-reveal\">\n              <div class=\"onyx-icon-chip\">02<\/div>\n              <h3>Business support + reinvestment<\/h3>\n              <p>Onyx strengthens businesses while organizing community value through GAF and pay-it-forward economic participation.<\/p>\n              <a class=\"onyx-link\" href=\"#gaf\">See GAF flow \u2192<\/a>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section\" id=\"model\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head center\">\n          <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> The Onyx Model<\/span>\n          <h2>The full Onyx economic-development <span class=\"accent\">operating system.<\/span><\/h2>\n          <p class=\"onyx-section-copy\">\n            The Onyx model connects community reporting, business advisory guidance, infrastructure investment, business assistance, and pay-it-forward community benefit into one coordinated system.\n          <\/p>\n        <\/div>\n\n        <div class=\"onyx-model-flow\">\n          <div class=\"onyx-model-line\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"onyx-model-grid\">\n            <article class=\"onyx-model-step onyx-reveal\">\n              <div class=\"onyx-model-number\">1<\/div>\n              <h3>County Committees<\/h3>\n              <p>Report infrastructure gaps, unmet needs, and community conditions that require practical action.<\/p>\n              <div class=\"onyx-model-badge-row\"><span class=\"onyx-badge\">Needs reporting<\/span><span class=\"onyx-badge\">Community insight<\/span><\/div>\n            <\/article>\n\n            <article class=\"onyx-model-step onyx-reveal\">\n              <div class=\"onyx-model-number\">2<\/div>\n              <h3>Business Advisory Board<\/h3>\n              <p>Evaluates opportunities and provides recommendations to build, strengthen, or rehabilitate systems and businesses.<\/p>\n              <div class=\"onyx-model-badge-row\"><span class=\"onyx-badge\">Assessment<\/span><span class=\"onyx-badge\">Recommendations<\/span><\/div>\n            <\/article>\n\n            <article class=\"onyx-model-step onyx-reveal\">\n              <div class=\"onyx-model-number\">3<\/div>\n              <h3>Essential Infrastructure<\/h3>\n              <p>Onyx organizes support toward services and structures that the community needs most.<\/p>\n              <div class=\"onyx-model-badge-row\"><span class=\"onyx-badge\">Investing<\/span><span class=\"onyx-badge\">Resource flow<\/span><\/div>\n            <\/article>\n\n            <article class=\"onyx-model-step onyx-reveal\">\n              <div class=\"onyx-model-number\">4<\/div>\n              <h3>Build + Assist<\/h3>\n              <p>Businesses get support, systems get structured, and workforce opportunities become more operational.<\/p>\n              <div class=\"onyx-model-badge-row\"><span class=\"onyx-badge\">Business assistance<\/span><span class=\"onyx-badge\">Infrastructure<\/span><\/div>\n            <\/article>\n\n            <article class=\"onyx-model-step onyx-reveal\">\n              <div class=\"onyx-model-number\">5<\/div>\n              <h3>Pay It Forward<\/h3>\n              <p>Supported activity returns value through jobs, education, service, scholarships, meals, cleanups, and community benefit.<\/p>\n              <div class=\"onyx-model-badge-row\"><span class=\"onyx-badge\">Reinvestment<\/span><span class=\"onyx-badge\">Community benefit<\/span><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section dark\" id=\"gaf\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head\">\n          <div>\n            <span class=\"onyx-eyebrow\"><span class=\"onyx-dot\"><\/span> Growth Accommodation Fund<\/span>\n            <h2>GAF turns support into <span class=\"accent\">community-building capital.<\/span><\/h2>\n          <\/div>\n          <p class=\"onyx-section-copy\">\n            The Growth Accommodation Fund is Onyx\u2019s reinvestment mechanism. It helps support emerging businesses, strengthen local infrastructure, improve workforce access, and expand community-serving opportunity.\n          <\/p>\n        <\/div>\n\n        <div class=\"onyx-gaf-grid\">\n          <div class=\"onyx-gaf-copy onyx-reveal\">\n            <h3>How value flows back<\/h3>\n            <p>\n              GAF channels donations, fundraising, grants, partner contributions, sponsorships, and platform-linked support into business assistance, workforce pathways, and essential infrastructure.\n            <\/p>\n\n            <ul class=\"onyx-check-list\">\n              <li>Support emerging businesses with technical assistance, growth planning, and readiness support.<\/li>\n              <li>Strengthen essential infrastructure through services communities already need and use.<\/li>\n              <li>Create meaningful opportunity through jobs, training, entrepreneurship, and platform participation.<\/li>\n              <li>Encourage a pay-it-forward cycle where growth returns visible value back to the community.<\/li>\n            <\/ul>\n          <\/div>\n\n          <div class=\"onyx-gaf-loop onyx-reveal\" aria-label=\"GAF circular value-flow visual\">\n            <div class=\"onyx-loop-ring\"><\/div>\n\n            <div class=\"onyx-loop-core\">\n              <div>\n                <strong>GAF<\/strong>\n                <span>Reinvestment Engine<\/span>\n              <\/div>\n            <\/div>\n\n            <div class=\"onyx-loop-node n1\"><strong>Support In<\/strong><span>Donations, sponsorships, grants, platform support, and partners.<\/span><\/div>\n            <div class=\"onyx-loop-node n2\"><strong>Build Systems<\/strong><span>Business support, workforce pathways, and community infrastructure.<\/span><\/div>\n            <div class=\"onyx-loop-node n3\"><strong>Generate Impact<\/strong><span>Jobs, access, services, local capacity, and stronger operations.<\/span><\/div>\n            <div class=\"onyx-loop-node n4\"><strong>Pay It Forward<\/strong><span>Community benefit returns through education, service, and reinvestment.<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section soft\" id=\"platforms\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head\">\n          <div>\n            <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Platforms &#038; Initiatives<\/span>\n            <h2>Programs that convert vision into <span class=\"accent\">economic activity.<\/span><\/h2>\n          <\/div>\n          <p class=\"onyx-section-copy\">\n            The Onyx ecosystem becomes strongest when the mission is attached to real platforms, real service delivery, and real pathways for residents, entrepreneurs, and local partners.\n          <\/p>\n        <\/div>\n\n        <div class=\"onyx-platform-layout\">\n          <article class=\"onyx-panel onyx-platform-feature onyx-reveal\">\n            <div>\n              <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Featured Platform<\/span>\n              <h3>PullUp Rideshare<\/h3>\n              <p>\n                Community-based transportation infrastructure connecting residents, drivers, fleet administration, medical ride access, parcel movement, and municipal-quality-of-life use cases.\n              <\/p>\n              <div class=\"onyx-tag-row\"><span class=\"onyx-tag\">Transportation<\/span><span class=\"onyx-tag\">Drivers<\/span><span class=\"onyx-tag\">Fleet<\/span><span class=\"onyx-tag\">Community mobility<\/span><\/div>\n            <\/div>\n\n            <div class=\"onyx-btn-row\">\n              <a class=\"onyx-btn ghost\" href=\"https:\/\/pulluprideshare.com\/\" target=\"_blank\" rel=\"noopener\">Visit PullUp<\/a>\n              <a class=\"onyx-btn primary\" href=\"#partner\">Build a Partnership<\/a>\n            <\/div>\n          <\/article>\n\n          <div class=\"onyx-platform-side\">\n            <article class=\"onyx-platform-card onyx-reveal\"><div class=\"onyx-icon-chip\">CD<\/div><h3>ChowDown Delivery<\/h3><p>Supports restaurants, food operators, and delivery-based economic participation.<\/p><div class=\"onyx-tag-row\"><span class=\"onyx-tag\">Food economy<\/span><span class=\"onyx-tag\">Local commerce<\/span><\/div><\/article>\n            <article class=\"onyx-platform-card onyx-reveal\"><div class=\"onyx-icon-chip\">TV<\/div><h3>PrysymTV<\/h3><p>Community streaming, creator opportunity, and media-based visibility tied to reinvestment.<\/p><div class=\"onyx-tag-row\"><span class=\"onyx-tag\">Media<\/span><span class=\"onyx-tag\">Creators<\/span><\/div><\/article>\n            <article class=\"onyx-platform-card onyx-reveal\"><div class=\"onyx-icon-chip\">SB<\/div><h3>Business Support<\/h3><p>Capital readiness, advisory support, local vendor growth, and business structure development.<\/p><div class=\"onyx-tag-row\"><span class=\"onyx-tag\">Advisory<\/span><span class=\"onyx-tag\">Growth<\/span><\/div><\/article>\n            <article class=\"onyx-platform-card onyx-reveal\"><div class=\"onyx-icon-chip\">WF<\/div><h3>Workforce Pathways<\/h3><p>Training access, job pathways, platform work, and practical second-chance opportunity.<\/p><div class=\"onyx-tag-row\"><span class=\"onyx-tag\">Jobs<\/span><span class=\"onyx-tag\">Training<\/span><\/div><\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section\" id=\"impact\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-impact-panel onyx-reveal\">\n          <div class=\"onyx-impact-grid\">\n            <div>\n              <span class=\"onyx-eyebrow\"><span class=\"onyx-dot\"><\/span> Impact &#038; Reporting<\/span>\n              <h3>Built to move from awareness into measurable economic activity.<\/h3>\n              <p>\n                Onyx tracks impact through platform participation, business support activity, workforce pathways, contracts, community partnerships, GAF contributions, and reinvestment outcomes.\n              <\/p>\n              <div class=\"onyx-btn-row\">\n                <a class=\"onyx-btn primary\" href=\"#partner\">Submit a Partnership Inquiry<\/a>\n                <a class=\"onyx-btn light\" href=\"\/index.php\/shop\/\">Support Through the Shop<\/a>\n              <\/div>\n            <\/div>\n\n            <div class=\"onyx-impact-metrics\">\n              <div class=\"onyx-metric\"><strong data-count=\"600\">0<\/strong><span>income opportunities connected through affiliated platforms and community initiatives<\/span><\/div>\n              <div class=\"onyx-metric\"><strong>GAF<\/strong><span>growth fund supporting business, workforce, and infrastructure priorities<\/span><\/div>\n              <div class=\"onyx-metric\"><strong>2<\/strong><span>accountability bodies guiding community need and business recommendation flow<\/span><\/div>\n              <div class=\"onyx-metric\"><strong>4+<\/strong><span>ecosystem pathways linking service delivery, economic access, and reinvestment<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section soft\" id=\"proof\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head center\">\n          <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Built for Accountability<\/span>\n          <h2>Partner-ready by design.<\/h2>\n          <p class=\"onyx-section-copy\">\n            The Onyx structure is strongest when community need, operational guidance, and public-facing accountability work together.\n          <\/p>\n        <\/div>\n\n        <div class=\"onyx-proof-grid\">\n          <article class=\"onyx-proof-card onyx-reveal\"><div class=\"onyx-icon-chip\">TR<\/div><h3>Transparent reporting<\/h3><p>Use clear updates on GAF activity, supported initiatives, platform growth, and visible outcomes.<\/p><\/article>\n          <article class=\"onyx-proof-card onyx-reveal\"><div class=\"onyx-icon-chip\">ND<\/div><h3>Needs documentation<\/h3><p>County Committee reporting helps convert community conditions into strategic action priorities.<\/p><\/article>\n          <article class=\"onyx-proof-card onyx-reveal\"><div class=\"onyx-icon-chip\">AB<\/div><h3>Advisory guidance<\/h3><p>Business Advisory Board participation supports stronger recommendations and smarter growth planning.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section\" id=\"partner\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-partner-grid\">\n          <article class=\"onyx-card onyx-partner-copy onyx-reveal\">\n            <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Partnership Intake<\/span>\n            <h3>Bring Onyx into the room before the opportunity passes.<\/h3>\n            <p>\n              Use this section for funders, developers, businesses, schools, city partners, community organizations, advertisers, and residents who want to support or collaborate with Onyx.\n            <\/p>\n\n            <div class=\"onyx-partner-steps\">\n              <div class=\"onyx-partner-step\"><strong>1<\/strong><span>Share what you want to build, fund, support, sponsor, or explore.<\/span><\/div>\n              <div class=\"onyx-partner-step\"><strong>2<\/strong><span>Onyx reviews the opportunity through mission fit, ecosystem fit, and impact potential.<\/span><\/div>\n              <div class=\"onyx-partner-step\"><strong>3<\/strong><span>Qualified conversations move toward collaboration, strategy, or implementation.<\/span><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"onyx-form-panel onyx-reveal\">\n            <h3>Contact Onyx<\/h3>\n            <p>This form opens a pre-filled email to Onyx. Later, replace it with a Forminator or Fluent Forms shortcode for CRM and automation.<\/p>\n\n            <form class=\"onyx-form\" id=\"onyxPartnerForm\" action=\"mailto:info@onyxrepository.org\" method=\"post\" enctype=\"text\/plain\">\n              <div class=\"onyx-form-grid\">\n                <div class=\"onyx-field\"><label for=\"onyx-name\">Name *<\/label><input id=\"onyx-name\" name=\"name\" type=\"text\" autocomplete=\"name\" required><\/div>\n                <div class=\"onyx-field\"><label for=\"onyx-email\">Email *<\/label><input id=\"onyx-email\" name=\"email\" type=\"email\" autocomplete=\"email\" required><\/div>\n              <\/div>\n\n              <div class=\"onyx-form-grid\">\n                <div class=\"onyx-field\"><label for=\"onyx-phone\">Phone<\/label><input id=\"onyx-phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\"><\/div>\n                <div class=\"onyx-field\">\n                  <label for=\"onyx-interest\">Interest Area *<\/label>\n                  <select id=\"onyx-interest\" name=\"interest\" required>\n                    <option value=\"\">Select one<\/option>\n                    <option>Donate \/ GAF Support<\/option>\n                    <option>Business Support<\/option>\n                    <option>County Committee<\/option>\n                    <option>Business Advisory Board<\/option>\n                    <option>GAF Partnership<\/option>\n                    <option>PullUp Rideshare<\/option>\n                    <option>PrysymTV \/ Advertising<\/option>\n                    <option>Real Estate \/ Development<\/option>\n                    <option>Workforce Partnership<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n\n              <div class=\"onyx-field\"><label for=\"onyx-message\">Message *<\/label><textarea id=\"onyx-message\" name=\"message\" required placeholder=\"Tell us what you want to build, fund, support, or discuss.\"><\/textarea><\/div>\n              <button class=\"onyx-btn primary block\" type=\"submit\">Send Partnership Inquiry<\/button>\n              <div class=\"onyx-form-note\">When ready, replace this with a WordPress form shortcode for submissions, tagging, notifications, and CRM follow-up.<\/div>\n            <\/form>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-section soft\" id=\"faq\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-section-head center\">\n          <span class=\"onyx-eyebrow dark\"><span class=\"onyx-dot\"><\/span> Frequently Asked Questions<\/span>\n          <h2>Make the mission easy to understand.<\/h2>\n        <\/div>\n\n        <div class=\"onyx-faq-list\" data-onyx-accordion>\n          <div class=\"onyx-faq-item is-open\"><button class=\"onyx-faq-button\" type=\"button\" aria-expanded=\"true\"><strong>What does Onyx Repository Foundation do?<\/strong><span class=\"onyx-faq-icon\">+<\/span><\/button><div class=\"onyx-faq-answer\">Onyx builds and supports community-centered platforms, business support systems, workforce pathways, and reinvestment structures that help underserved communities create economic activity and long-term stability.<\/div><\/div>\n          <div class=\"onyx-faq-item\"><button class=\"onyx-faq-button\" type=\"button\" aria-expanded=\"false\"><strong>What is the Growth Accommodation Fund?<\/strong><span class=\"onyx-faq-icon\">+<\/span><\/button><div class=\"onyx-faq-answer\">The Growth Accommodation Fund, or GAF, is Onyx\u2019s reinvestment vehicle for emerging businesses, workforce programming, essential services, community infrastructure, and local economic-development initiatives.<\/div><\/div>\n          <div class=\"onyx-faq-item\"><button class=\"onyx-faq-button\" type=\"button\" aria-expanded=\"false\"><strong>How can businesses partner with Onyx?<\/strong><span class=\"onyx-faq-icon\">+<\/span><\/button><div class=\"onyx-faq-answer\">Businesses can partner through advisory support, platform participation, sponsorships, vendor opportunities, workforce pathways, media collaborations, and pay-it-forward reinvestment models.<\/div><\/div>\n          <div class=\"onyx-faq-item\"><button class=\"onyx-faq-button\" type=\"button\" aria-expanded=\"false\"><strong>How should donors support the mission?<\/strong><span class=\"onyx-faq-icon\">+<\/span><\/button><div class=\"onyx-faq-answer\">Donors can make a one-time gift, sponsor a program, support GAF, shop Onyx merchandise, or connect the foundation to institutions, partners, and funders who can help strengthen the model.<\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"onyx-final-cta\">\n      <div class=\"onyx-wrap\">\n        <div class=\"onyx-final-card onyx-reveal\">\n          <div>\n            <h2>Fund. Build. Sustain.<\/h2>\n            <p>Onyx is building the kind of community infrastructure that turns everyday participation into long-term economic power.<\/p>\n          <\/div>\n          <div class=\"onyx-btn-row\">\n            <a class=\"onyx-btn primary\" href=\"\/index.php\/donate-now\/\">Donate Now<\/a>\n            <a class=\"onyx-btn light\" href=\"#partner\">Partner With Us<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"onyx-footer\">\n    <div class=\"onyx-wrap\">\n      <div><strong>Onyx Repository Foundation<\/strong><br>246 Market Street, Paterson, NJ 07501 \u00b7 <a href=\"mailto:info@onyxrepository.org\">info@onyxrepository.org<\/a><\/div>\n      <div class=\"onyx-footer-links\"><a href=\"#about\">About<\/a><a href=\"#model\">Model<\/a><a href=\"#gaf\">GAF<\/a><a href=\"#platforms\">Platforms<\/a><a href=\"\/index.php\/donate-now\/\">Donate<\/a><\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (function () {\n      const root = document.querySelector('#onyx-v2-home');\n      if (!root) return;\n\n      const revealEls = root.querySelectorAll('.onyx-reveal');\n      if ('IntersectionObserver' in window) {\n        const io = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('is-visible');\n              io.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12 });\n        revealEls.forEach((el) => io.observe(el));\n      } else {\n        revealEls.forEach((el) => el.classList.add('is-visible'));\n      }\n\n      const counters = root.querySelectorAll('[data-count]');\n      counters.forEach((counter) => {\n        const target = Number(counter.getAttribute('data-count')) || 0;\n        const duration = 1100;\n        let started = false;\n        function animate() {\n          if (started) return;\n          started = true;\n          const start = performance.now();\n          function tick(now) {\n            const progress = Math.min((now - start) \/ duration, 1);\n            const value = Math.floor(progress * target);\n            counter.textContent = value.toLocaleString() + '+';\n            if (progress < 1) requestAnimationFrame(tick);\n          }\n          requestAnimationFrame(tick);\n        }\n        if ('IntersectionObserver' in window) {\n          const counterIo = new IntersectionObserver((entries) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                animate();\n                counterIo.unobserve(entry.target);\n              }\n            });\n          }, { threshold: 0.45 });\n          counterIo.observe(counter);\n        } else {\n          animate();\n        }\n      });\n\n      root.querySelectorAll('a[href^=\"#\"]').forEach((link) => {\n        link.addEventListener('click', function (event) {\n          const selector = this.getAttribute('href');\n          if (!selector || selector === '#') return;\n          const target = root.querySelector(selector) || document.querySelector(selector);\n          if (!target) return;\n          event.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        });\n      });\n\n      const accordion = root.querySelector('[data-onyx-accordion]');\n      if (accordion) {\n        accordion.querySelectorAll('.onyx-faq-button').forEach((btn) => {\n          btn.addEventListener('click', () => {\n            const item = btn.closest('.onyx-faq-item');\n            const isOpen = item.classList.contains('is-open');\n            accordion.querySelectorAll('.onyx-faq-item').forEach((faq) => {\n              faq.classList.remove('is-open');\n              const faqBtn = faq.querySelector('.onyx-faq-button');\n              if (faqBtn) faqBtn.setAttribute('aria-expanded', 'false');\n            });\n            if (!isOpen) {\n              item.classList.add('is-open');\n              btn.setAttribute('aria-expanded', 'true');\n            }\n          });\n        });\n      }\n\n      const form = root.querySelector('#onyxPartnerForm');\n      if (form) {\n        form.addEventListener('submit', function (event) {\n          event.preventDefault();\n          const nameField = root.querySelector('#onyx-name');\n          const emailField = root.querySelector('#onyx-email');\n          const phoneField = root.querySelector('#onyx-phone');\n          const interestField = root.querySelector('#onyx-interest');\n          const messageField = root.querySelector('#onyx-message');\n          const name = nameField ? nameField.value.trim() : '';\n          const email = emailField ? emailField.value.trim() : '';\n          const phone = phoneField ? phoneField.value.trim() : '';\n          const interest = interestField ? interestField.value.trim() : '';\n          const message = messageField ? messageField.value.trim() : '';\n          if (!name || !email || !interest || !message) {\n            alert('Please complete the required fields before submitting.');\n            return;\n          }\n          const lineBreak = String.fromCharCode(10);\n          const subject = encodeURIComponent('Onyx Partnership Inquiry \u2014 ' + interest);\n          const emailBody = encodeURIComponent(\n            'Name: ' + name + lineBreak +\n            'Email: ' + email + lineBreak +\n            'Phone: ' + phone + lineBreak +\n            'Interest Area: ' + interest + lineBreak + lineBreak +\n            'Message:' + lineBreak + message\n          );\n          window.location.href = 'mailto:info@onyxrepository.org?subject=' + subject + '&body=' + emailBody;\n        });\n      }\n    })();\n  <\/script>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Onyx Repository Foundation \u2014 community infrastructure, workforce pathways, and economic reinvestment. info@onyxrepository.org 246 Market Street, Paterson, NJ 07501 ORF Onyx Repository Foundation Fund. Build. Sustain. About Model GAF Platforms Impact Partner Donate Economic-development operating system Building community wealth through ownership, workforce, and reinvestment. Onyx Repository Foundation develops community-centered platforms, business-support systems, workforce pathways, and reinvestment strategies that help underserved communities&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3121","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"campaignId":"","_links":{"self":[{"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/pages\/3121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/comments?post=3121"}],"version-history":[{"count":1,"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/pages\/3121\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/pages\/3121\/revisions\/3123"}],"wp:attachment":[{"href":"https:\/\/onyxrepository.org\/index.php\/wp-json\/wp\/v2\/media?parent=3121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}