diff --git a/.gitignore b/.gitignore
index af0c92576f..692b685ff0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,6 +8,7 @@ yarn-error.log
 *.iml
 .venv/
 _code-samples/*/js/package-lock.json
+*.css.map
 
 # PHP
 composer.lock
diff --git a/about/history.page.tsx b/about/history.page.tsx
index f2579a3d6d..195c0b8e91 100644
--- a/about/history.page.tsx
+++ b/about/history.page.tsx
@@ -24,14 +24,6 @@ export default function History() {
   return (
     <div className="landing">
       <div className="overflow-hidden">
-        <div className="position-relative">
-          <img
-            alt="background orange waves"
-            src={require("../static/img/backgrounds/history-orange.svg")}
-            className="landing-bg"
-            id="history-orange"
-          />
-        </div>
         <section className="py-26 text-center">
           <div className="col-lg-5 mx-auto text-center">
             <div className="d-flex flex-column-reverse">
@@ -61,13 +53,6 @@ export default function History() {
             </p>
           </div>
         </section>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="background purple waves"
-            src={require("../static/img/backgrounds/history-purple.svg")}
-            id="history-purple"
-          />
-        </div>
         <div className="container-new marketing-wrapper">
           <section className="row mb-60">
             <div className="timeline">
diff --git a/about/impact.page.tsx b/about/impact.page.tsx
index a76210577d..0d156bbe8c 100644
--- a/about/impact.page.tsx
+++ b/about/impact.page.tsx
@@ -32,14 +32,6 @@ export default function Impact() {
   return (
     <div className="landing page-impact">
       <div className="overflow-hidden">
-        <div className="position-relative d-none-sm">
-          <img
-            alt="purple waves"
-            src={require("../static/img/backgrounds/community-purple.svg")}
-            className="landing-bg"
-            id="impact-purple"
-          />
-        </div>
         <section className="container-new py-26 text-lg-center">
           <div className="p-0 col-lg-8 mx-lg-auto">
             <div className="d-flex flex-column-reverse">
@@ -52,13 +44,6 @@ export default function Impact() {
             </div>
           </div>
         </section>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="green waves"
-            src={require("../static/img/backgrounds/home-green.svg")}
-            id="impact-green"
-          />
-        </div>
         {/* World map */}
         <section className="container-new py-10">
           <div className="col-sm-10 col-lg-6 offset-md-3 p-10-until-sm pl-0-sm pr-0-sm">
@@ -133,16 +118,6 @@ export default function Impact() {
         {/* Card */}
         <section className="container-new py-26">
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
-            <img
-              alt="purple waves"
-              src={require("../static/img/backgrounds/cta-community-purple.svg")}
-              className="cta cta-top-left"
-            />
-            <img
-              alt="green waves"
-              src={require("../static/img/backgrounds/cta-calculator-green.svg")}
-              className="cta cta-bottom-right"
-            />
             <div className="z-index-1 position-relative">
               <div className="d-flex flex-column-reverse">
                 <h2 className="h4 h2-sm mb-10-until-sm mb-8-sm">
diff --git a/about/index.page.tsx b/about/index.page.tsx
index 8ffb999397..15c96587c6 100644
--- a/about/index.page.tsx
+++ b/about/index.page.tsx
@@ -78,14 +78,6 @@ export default function XrplOverview() {
             />
           </div>
         </div>
-        <div className="position-relative">
-          <img
-            alt="purple waves"
-            src={require("../static/img/backgrounds/xrpl-overview-purple.svg")}
-            className="landing-bg"
-            id="xrpl-overview-purple"
-          />
-        </div>
         <section className="py-26 text-center">
           <div className="col-lg-5 mx-auto text-center">
             <div className="d-flex flex-column-reverse">
@@ -100,13 +92,6 @@ export default function XrplOverview() {
             </div>
           </div>
         </section>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="orange waves"
-            src={require("../static/img/backgrounds/xrpl-overview-orange.svg")}
-            id="xrpl-overview-orange"
-          />
-        </div>
         <section className="container-new py-26">
           <div className="card-grid card-grid-2xN">
             <div className="col">
@@ -221,11 +206,6 @@ export default function XrplOverview() {
         </section>
         <section className="container-new py-26">
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
-            <img
-              alt="green waves"
-              src={require("../static/img/backgrounds/cta-xrpl-overview-green.svg")}
-              className="cta cta-bottom-right"
-            />
             <div className="z-index-1 position-relative">
               <h2 className="h4 mb-10-until-sm mb-8-sm">
                 {translate("A Sustainable Blockchain")}
@@ -375,11 +355,6 @@ export default function XrplOverview() {
         </section>
         <section className="container-new py-26">
           <div className="col-md-6 offset-md-3 p-6-sm p-10-until-sm br-8 cta-card">
-            <img
-              alt="orange waves"
-              src={require("../static/img/backgrounds/cta-xrpl-overview-orange.svg")}
-              className="cta cta-bottom-right"
-            />
             <div className="z-index-1 position-relative">
               <h4 className="h4 mb-10-until-sm mb-8-sm">
                 {translate("Tomorrow’s Blockchain Starts With You")}
diff --git a/about/xrp.page.tsx b/about/xrp.page.tsx
index 9855f199b9..3a2a265f6e 100644
--- a/about/xrp.page.tsx
+++ b/about/xrp.page.tsx
@@ -116,400 +116,380 @@ export default function XrpOverview() {
   const totalCols = Math.max(softwallets.length, hardwallets.length) + 1;
   return (
     <div className="landing">
-      <div>
-        <div className="position-relative">
-          <img
-            alt="blue waves"
-            src={require("../static/img/backgrounds/xrp-overview-blue.svg")}
-            className="landing-bg"
-            id="xrp-overview-blue"
-          />
-        </div>
-        <section className="py-26 text-center">
-          <div className="col-lg-5 mx-auto text-center">
-            <div className="d-flex flex-column-reverse">
-              <h1 className="mb-0">
-                {translate("Your Questions About XRP, Answered")}
-              </h1>
-              <h6 className="eyebrow mb-3">{translate("XRP Overview")}</h6>
-            </div>
+      <section className="py-26 text-center">
+        <div className="col-lg-5 mx-auto text-center">
+          <div className="d-flex flex-column-reverse">
+            <h1 className="mb-0">
+              {translate("Your Questions About XRP, Answered")}
+            </h1>
+            <h6 className="eyebrow mb-3">{translate("XRP Overview")}</h6>
           </div>
-        </section>
-        <section className="container-new my-20">
-          <div className="card-grid card-grid-1x2">
-            <div className="d-none-sm mt-lg-0">
-              <ul className="page-toc no-sideline p-0 sticky-top floating-nav">
-                {links.map((link) => (
-                  <li
-                    key={link.hash}
-                    className={`nav-item ${
+        </div>
+      </section>
+      <section className="container-new my-20">
+        <div className="card-grid card-grid-1x2">
+          <div className="d-none-sm mt-lg-0">
+            <ul className="page-toc no-sideline p-0 sticky-top floating-nav">
+              {links.map((link) => (
+                <li
+                  key={link.hash}
+                  className={`nav-item ${
+                    activeSection === link.hash.substring(1) ? "active" : ""
+                  }`}
+                >
+                  <a
+                    className={`sidelinks nav-link ${
                       activeSection === link.hash.substring(1) ? "active" : ""
                     }`}
+                    href={link.hash}
                   >
+                    {translate(link.text)}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </div>
+          <div className="col mt-lg-0">
+            <div className="link-section pb-26" id="about-xrp">
+              <h2 className="h4 h2-sm mb-8">{translate("What Is XRP?")}</h2>
+              <h5 className="longform mb-10">
+                {translate(
+                  "about.xrp.what-is-xrp.ppart1",
+                  "XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized ",
+                )}
+                <a
+                  href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {translate("about.xrp.what-is-xrp.ppart2", "blockchain technology.")}
+                </a>
+                {translate("about.xrp.what-is-xrp.ppart3", " ")}
+              </h5>
+
+              <p className="mb-6">
+                {translate(
+                  "Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset."
+                )}
+              </p>
+              <div className="overflow-x-xs">
+                <table className="mb-10 landing-table">
+                  <thead>
+                    <tr>
+                      <th>
+                        <h6>{translate("Benefits")}</h6>
+                      </th>
+                      <th>
+                        <h6>{translate("XRP")}</h6>
+                      </th>
+                      <th>
+                        <h6>{translate("Bitcoin")}</h6>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>{translate("Fast")}</td>
+                      <td>{translate("3-5 seconds to settle")}</td>
+                      <td>{translate("500 seconds to settle")}</td>
+                    </tr>
+                    <tr>
+                      <td>{translate("Low-Cost")}</td>
+                      <td>{translate("$0.0002/tx")}</td>
+                      <td>{translate("$0.50/tx")}</td>
+                    </tr>
+                    <tr>
+                      <td>{translate("Scalable")}</td>
+                      <td>{translate("1,500 tx per second")}</td>
+                      <td>{translate("3 tx per second")}</td>
+                    </tr>
+                    <tr>
+                      <td>{translate("Sustainable")}</td>
+                      <td>
+                        {translate(
+                          "Environmentally sustainable (negligible energy consumption)"
+                        )}
+                      </td>
+                      <td>
+                        {translate("0.3% of global energy consumption")}
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <p className="mb-10">
+                {translate(
+                  "XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions."
+                )}
+              </p>
+              <div className="card-grid card-grid-2xN mb-10">
+                <div>
+                  <img
+                    alt="briefcase"
+                    className="mw-100 mb-2 invertible-img"
+                    src={briefcaseIcon}
+                  />
+                  <h6 className="fs-4-5">
+                    {translate("Financial Institutions")}
+                  </h6>
+                  <p className="">
+                    {translate(
+                      "Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world."
+                    )}
+                  </p>
+                </div>
+                <div>
+                  <img
+                    alt="user"
+                    className="mw-100 mb-2 invertible-img"
+                    src={userIcon}
+                  />
+                  <h6 className="fs-4-5">
+                    {translate("Individual Consumers")}
+                  </h6>
+                  <p>
+                    {translate(
+                      "Use XRP to move different currencies around the world."
+                    )}
+                  </p>
+                </div>
+              </div>
+              <div className="mt-10 p-10 br-8 cta-card position-relative">
+                <div className="z-index-1 position-relative">
+                  <h2 className="h4 mb-10-until-sm mb-8-sm">
+                    {translate(
+                      "The XRP Ledger is built for business."
+                    )}
+                  </h2>
+                  <p className="mb-10">
+                    {translate(
+                      "The only major L-1 blockchain that’s built for business and designed specifically to power finance use cases and applications at scale. Powerful enough to bootstrap a new economy, the XRP Ledger (XRPL) is fast, scalable, and sustainable."
+                    )}
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div className="py-26 link-section" id="xrp-trading">
+              <h2 className="h4 h2-sm mb-8">
+                {translate("How Is XRP Used in Trading?")}
+              </h2>
+              <h5 className="longform mb-10">
+                {translate(
+                  "XRP is traded on more than 100 markets and exchanges worldwide."
+                )}
+              </h5>
+              <p className="mb-6">
+                {translate(
+                    "about.xrp.xrp-in-trading.ppart1",
+                  "XRP’s low transaction fees, reliability and high-speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—"
+                )}
+                <a
+                  href="https://ripple.com/insights/xrp-a-preferred-base-currency-for-arbitrage-trading/"
+                  target="_blank"
+                >
+                  {translate("about.xrp.xrp-in-trading.ppart2","seizing arbitrage opportunities")}
+                </a>
+                {translate(
+                    "about.xrp.xrp-in-trading.ppart3",
+                  ", servicing margin calls and managing general trading inventory in real time."
+                )}
+              </p>
+
+              <p>
+                {translate(
+                  "Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet."
+                )}
+              </p>
+            </div>
+            <div className="py-26 link-section" id="ripple">
+              <h2 className="h4 h2-sm mb-8">
+                {translate(
+                  "What Is the Relationship Between Ripple and XRP?"
+                )}
+              </h2>
+              <h5 className="longform mb-10">
+                <a href="https://ripple.com" target="_blank">
+                  {translate("Ripple")}
+                </a>
+                {translate(
+                  " is a technology company that makes it easier to build a high-performance, global payments business. XRP is a digital asset independent of this."
+                )}
+              </h5>
+
+              <p>
+                {translate(
+                  "There is a finite amount of XRP. All XRP is already in existence today—no more than the original 100 billion can be created. The XRPL founders gifted 80 billion XRP, the platform’s native currency, to Ripple. To provide predictability to the XRP supply, Ripple has locked 55 billion XRP (55% of the total possible supply) into a series of escrows using the XRP Ledger itself. The XRPL's transaction processing rules, enforced by the consensus protocol, control the release of the XRP."
+                )}
+              </p>
+              <div className="mt-10 p-10 br-8 cta-card position-relative">
+                <div className="z-index-1 position-relative">
+                  <h3 className="h4">
+                    {translate("about.xrp.ripple-escrow.ppart1","As of ")}
+                    <span className="stat-highlight" id="ripple-escrow-as-of">
+                      {translate("about.xrp.ripple-escrow.ppart2","October 2024")}
+                    </span>
+                    {translate("about.xrp.ripple-escrow.ppart3"," ")}
+                    <br />
+                    <span className="d-inline-flex">
+                      <img
+                        id="xrp-mark-overview"
+                        className="mw-100 invertible-img me-2"
+                        src={require("../static/img/logos/xrp-mark.svg")}
+                        alt="XRP Logo Mark"
+                      />
+                      <span
+                        className="numbers stat-highlight"
+                        id="ripple-escrow-amount"
+                      >
+                        {translate("38B")}
+                      </span>
+                    </span>
+                    <br />
+                    {translate("XRP remains in escrow")}
+                  </h3>
+                </div>
+              </div>
+            </div>
+            <div className="link-section py-26" id="wallets">
+              <h2 className="h4 h2-sm mb-8">
+                {translate("What Wallets Support XRP?")}
+              </h2>
+              <h5 className="longform mb-10">
+                {translate(
+                  "Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: hardware and software."
+                )}
+              </h5>
+              <ul className={`nav nav-grid-lg cols-of-${totalCols}`} id="wallets">
+                <li className="nav-item nav-grid-head">
+                  <h6 className="fs-4-5">{translate("Software Wallets")}</h6>
+                </li>
+                {softwallets.map((wallet) => (
+                  <li key={wallet.id} className="nav-item">
                     <a
-                      className={`sidelinks nav-link ${
-                        activeSection === link.hash.substring(1) ? "active" : ""
-                      }`}
-                      href={link.hash}
+                      className="nav-link external-link"
+                      href={wallet.href}
+                      target="_blank"
                     >
-                      {translate(link.text)}
+                      <img
+                        className={`mw-100 ${
+                          !!wallet?.imgclasses && wallet.imgclasses
+                        }`}
+                        id={wallet.id}
+                        alt={wallet.alt}
+                      />
+                    </a>
+                  </li>
+                ))}
+                <li className="nav-item nav-grid-head">
+                  <h6 className="fs-4-5">{translate("Hardware Wallets")}</h6>
+                </li>
+                {hardwallets.map((wallet) => (
+                  <li className="nav-item" key={wallet.id}>
+                    <a
+                      className="nav-link external-link"
+                      href={wallet.href}
+                      target="_blank"
+                    >
+                      <img
+                        className={`mw-100 ${
+                          !!wallet.imgclasses && wallet.imgclasses
+                        }`}
+                        id={wallet.id}
+                        alt={wallet.alt}
+                      />
                     </a>
                   </li>
                 ))}
               </ul>
+              <p className="fs-3 mt-10">
+                {translate(
+                  "Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices."
+                )}
+              </p>
             </div>
-            <div className="col mt-lg-0">
-              <div className="link-section pb-26" id="about-xrp">
-                <h2 className="h4 h2-sm mb-8">{translate("What Is XRP?")}</h2>
-                <h5 className="longform mb-10">
-                  {translate(
-                    "about.xrp.what-is-xrp.ppart1",
-                    "XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized ",
-                  )}
-                  <a
-                    href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    {translate("about.xrp.what-is-xrp.ppart2", "blockchain technology.")}
-                  </a>
-                  {translate("about.xrp.what-is-xrp.ppart3", " ")}
-                </h5>
-
-                <p className="mb-6">
-                  {translate(
-                    "Created in 2012 specifically for payments, XRP can settle transactions on the ledger in 3-5 seconds. It was built to be a better Bitcoin—faster, cheaper and greener than any other digital asset."
-                  )}
-                </p>
-                <div className="overflow-x-xs">
-                  <table className="mb-10 landing-table">
-                    <thead>
-                      <tr>
-                        <th>
-                          <h6>{translate("Benefits")}</h6>
-                        </th>
-                        <th>
-                          <h6>{translate("XRP")}</h6>
-                        </th>
-                        <th>
-                          <h6>{translate("Bitcoin")}</h6>
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <td>{translate("Fast")}</td>
-                        <td>{translate("3-5 seconds to settle")}</td>
-                        <td>{translate("500 seconds to settle")}</td>
-                      </tr>
-                      <tr>
-                        <td>{translate("Low-Cost")}</td>
-                        <td>{translate("$0.0002/tx")}</td>
-                        <td>{translate("$0.50/tx")}</td>
-                      </tr>
-                      <tr>
-                        <td>{translate("Scalable")}</td>
-                        <td>{translate("1,500 tx per second")}</td>
-                        <td>{translate("3 tx per second")}</td>
-                      </tr>
-                      <tr>
-                        <td>{translate("Sustainable")}</td>
-                        <td>
-                          {translate(
-                            "Environmentally sustainable (negligible energy consumption)"
-                          )}
-                        </td>
-                        <td>
-                          {translate("0.3% of global energy consumption")}
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
+            <div className="py-26 link-section" id="exchanges">
+              <h2 className="h4 h2-sm mb-8">
+                {translate("What Exchanges Support XRP?")}
+              </h2>
+              <h5 className="longform mb-10">
+                {translate(
+                  "Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide."
+                )}
+              </h5>
+              <p className="mb-10">
+                {translate(
+                  "There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial)."
+                )}
+              </p>
+              <div className="card-grid card-grid-2xN mb-10">
+                <div>
+                  <h6 className="fs-4-5">{translate("Spot Exchanges")}</h6>
+                  <p className="mb-0">
+                    {translate(
+                      "Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates."
+                    )}
+                  </p>
                 </div>
-                <p className="mb-10">
-                  {translate(
-                    "XRP can be sent directly without needing a central intermediary, making it a convenient instrument in bridging two different currencies quickly and efficiently. It is freely exchanged on the open market and used in the real world for enabling cross-border payments and microtransactions."
-                  )}
-                </p>
-                <div className="card-grid card-grid-2xN mb-10">
-                  <div>
-                    <img
-                      alt="briefcase"
-                      className="mw-100 mb-2 invertible-img"
-                      src={briefcaseIcon}
-                    />
-                    <h6 className="fs-4-5">
-                      {translate("Financial Institutions")}
-                    </h6>
-                    <p className="">
-                      {translate(
-                        "Leverage XRP as a bridge currency to facilitate faster, more affordable cross-border payments around the world."
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <img
-                      alt="user"
-                      className="mw-100 mb-2 invertible-img"
-                      src={userIcon}
-                    />
-                    <h6 className="fs-4-5">
-                      {translate("Individual Consumers")}
-                    </h6>
-                    <p>
-                      {translate(
-                        "Use XRP to move different currencies around the world."
-                      )}
-                    </p>
-                  </div>
+                <div>
+                  <h6 className="fs-4-5">
+                    {translate("Futures, Options and Swap Exchanges")}
+                  </h6>
+                  <p className="mb-0">
+                    {translate(
+                      "Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future."
+                    )}
+                  </p>
                 </div>
-                <div className="mt-10 p-10 br-8 cta-card position-relative">
-                  <img
-                    alt="magenta waves"
-                    src={require("../static/img/backgrounds/cta-xrp-overview-magenta.svg")}
-                    className="cta cta-bottom-right"
-                  />
-                  <div className="z-index-1 position-relative">
-                    <h2 className="h4 mb-10-until-sm mb-8-sm">
-                      {translate(
-                        "The XRP Ledger is built for business."
-                      )}
-                    </h2>
-                    <p className="mb-10">
-                      {translate(
-                        "The only major L-1 blockchain that’s built for business and designed specifically to power finance use cases and applications at scale. Powerful enough to bootstrap a new economy, the XRP Ledger (XRPL) is fast, scalable, and sustainable."
-                      )}
-                    </p>
-                  </div>
+                <div>
+                  <h6 className="fs-4-5">
+                    {translate("Custodial Exchanges")}
+                  </h6>
+                  <p className="mb-0">
+                    {translate(
+                      "Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers."
+                    )}
+                  </p>
+                </div>
+                <div>
+                  <h6 className="fs-4-5">
+                    {translate("Non-Custodial Exchanges")}
+                  </h6>
+                  <p className="mb-0">
+                    {translate(
+                      "Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain."
+                    )}
+                  </p>
                 </div>
               </div>
-              <div className="py-26 link-section" id="xrp-trading">
-                <h2 className="h4 h2-sm mb-8">
-                  {translate("How Is XRP Used in Trading?")}
-                </h2>
-                <h5 className="longform mb-10">
-                  {translate(
-                    "XRP is traded on more than 100 markets and exchanges worldwide."
-                  )}
-                </h5>
-                <p className="mb-6">
-                  {translate(
-                      "about.xrp.xrp-in-trading.ppart1",
-                    "XRP’s low transaction fees, reliability and high-speed enable traders to use the digital asset as high-speed, cost-efficient and reliable collateral across trading venues—"
-                  )}
-                  <a
-                    href="https://ripple.com/insights/xrp-a-preferred-base-currency-for-arbitrage-trading/"
-                    target="_blank"
-                  >
-                    {translate("about.xrp.xrp-in-trading.ppart2","seizing arbitrage opportunities")}
-                  </a>
-                  {translate(
-                      "about.xrp.xrp-in-trading.ppart3",
-                    ", servicing margin calls and managing general trading inventory in real time."
-                  )}
-                </p>
-
-                <p>
-                  {translate(
-                    "Because of the properties inherent to XRP and the ecosystem around it, traders worldwide are able to shift collateral, bridge currencies and switch from one crypto into another nearly instantly, across any exchange on the planet."
-                  )}
-                </p>
-              </div>
-              <div className="py-26 link-section" id="ripple">
-                <h2 className="h4 h2-sm mb-8">
-                  {translate(
-                    "What Is the Relationship Between Ripple and XRP?"
-                  )}
-                </h2>
-                <h5 className="longform mb-10">
-                  <a href="https://ripple.com" target="_blank">
-                    {translate("Ripple")}
-                  </a>
-                  {translate(
-                    " is a technology company that makes it easier to build a high-performance, global payments business. XRP is a digital asset independent of this."
-                  )}
-                </h5>
-
-                <p>
-                  {translate(
-                    "There is a finite amount of XRP. All XRP is already in existence today—no more than the original 100 billion can be created. The XRPL founders gifted 80 billion XRP, the platform’s native currency, to Ripple. To provide predictability to the XRP supply, Ripple has locked 55 billion XRP (55% of the total possible supply) into a series of escrows using the XRP Ledger itself. The XRPL's transaction processing rules, enforced by the consensus protocol, control the release of the XRP."
-                  )}
-                </p>
-                <div className="mt-10 p-10 br-8 cta-card position-relative">
-                  <img
-                    alt="green waves"
-                    src={require("../static/img/backgrounds/cta-xrp-overview-green-2.svg")}
-                    className="landing-bg cta cta-bottom-right"
-                  />
-                  <div className="z-index-1 position-relative">
-                    <h3 className="h4">
-                      {translate("about.xrp.ripple-escrow.ppart1","As of ")}
-                      <span className="stat-highlight" id="ripple-escrow-as-of">
-                        {translate("about.xrp.ripple-escrow.ppart2","October 2024")}
-                      </span>
-                      {translate("about.xrp.ripple-escrow.ppart3"," ")}
-                      <br />
-                      <span className="d-inline-flex">
-                        <img
-                          id="xrp-mark-overview"
-                          className="mw-100 invertible-img me-2"
-                          src={require("../static/img/logos/xrp-mark.svg")}
-                          alt="XRP Logo Mark"
-                        />
-                        <span
-                          className="numbers stat-highlight"
-                          id="ripple-escrow-amount"
-                        >
-                          {translate("38B")}
-                        </span>
-                      </span>
-                      <br />
-                      {translate("XRP remains in escrow")}
-                    </h3>
-                  </div>
-                </div>
-              </div>
-              <div className="link-section py-26" id="wallets">
-                <h2 className="h4 h2-sm mb-8">
-                  {translate("What Wallets Support XRP?")}
-                </h2>
-                <h5 className="longform mb-10">
-                  {translate(
-                    "Digital wallets are pieces of software that allow people to send, receive, and store cryptocurrencies, including XRP. There are two types of digital wallets: hardware and software."
-                  )}
-                </h5>
-                <ul className={`nav nav-grid-lg cols-of-${totalCols}`} id="wallets">
-                  <li className="nav-item nav-grid-head">
-                    <h6 className="fs-4-5">{translate("Software Wallets")}</h6>
+              <h6>
+                {translate("Top Exchanges, according to CryptoCompare")}
+              </h6>
+              <ul
+                className="nav nav-grid-lg cols-of-5 mb-10"
+                id="top-exchanges"
+              >
+                {exchanges.map((exch, i) => (
+                  <li className="nav-item" key={exch.id}>
+                    <a
+                      className="nav-link external-link"
+                      href={exch.href}
+                      target="_blank"
+                    >
+                      <span className="longform me-3">{i+1}</span>
+                      <img className="mw-100" id={exch.id} alt={exch.alt} />
+                    </a>
                   </li>
-                  {softwallets.map((wallet) => (
-                    <li key={wallet.id} className="nav-item">
-                      <a
-                        className="nav-link external-link"
-                        href={wallet.href}
-                        target="_blank"
-                      >
-                        <img
-                          className={`mw-100 ${
-                            !!wallet?.imgclasses && wallet.imgclasses
-                          }`}
-                          id={wallet.id}
-                          alt={wallet.alt}
-                        />
-                      </a>
-                    </li>
-                  ))}
-                  <li className="nav-item nav-grid-head">
-                    <h6 className="fs-4-5">{translate("Hardware Wallets")}</h6>
-                  </li>
-                  {hardwallets.map((wallet) => (
-                    <li className="nav-item" key={wallet.id}>
-                      <a
-                        className="nav-link external-link"
-                        href={wallet.href}
-                        target="_blank"
-                      >
-                        <img
-                          className={`mw-100 ${
-                            !!wallet.imgclasses && wallet.imgclasses
-                          }`}
-                          id={wallet.id}
-                          alt={wallet.alt}
-                        />
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-                <p className="fs-3 mt-10">
-                  {translate(
-                    "Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices."
-                  )}
-                </p>
-              </div>
-              <div className="py-26 link-section" id="exchanges">
-                <h2 className="h4 h2-sm mb-8">
-                  {translate("What Exchanges Support XRP?")}
-                </h2>
-                <h5 className="longform mb-10">
-                  {translate(
-                    "Exchanges are where people trade currencies. XRP is traded on more than 100 markets and exchanges worldwide."
-                  )}
-                </h5>
-                <p className="mb-10">
-                  {translate(
-                    "There are different types of exchanges that vary depending on the type of market (spot, futures, options, swaps), and the type of security model (custodial, non-custodial)."
-                  )}
-                </p>
-                <div className="card-grid card-grid-2xN mb-10">
-                  <div>
-                    <h6 className="fs-4-5">{translate("Spot Exchanges")}</h6>
-                    <p className="mb-0">
-                      {translate(
-                        "Spot exchanges allow people to buy and sell cryptocurrencies at current (spot) market rates."
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <h6 className="fs-4-5">
-                      {translate("Futures, Options and Swap Exchanges")}
-                    </h6>
-                    <p className="mb-0">
-                      {translate(
-                        "Futures, options and swap exchanges allow people to buy and sell standardized contracts of cryptocurrency market rates in the future."
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <h6 className="fs-4-5">
-                      {translate("Custodial Exchanges")}
-                    </h6>
-                    <p className="mb-0">
-                      {translate(
-                        "Custodial exchanges manage a user’s private keys, and publish centralized order books of buyers and sellers."
-                      )}
-                    </p>
-                  </div>
-                  <div>
-                    <h6 className="fs-4-5">
-                      {translate("Non-Custodial Exchanges")}
-                    </h6>
-                    <p className="mb-0">
-                      {translate(
-                        "Non-custodial exchanges, also known as decentralized exchanges, do not manage a user’s private keys, and publish decentralized order books of buyers and sellers on a blockchain."
-                      )}
-                    </p>
-                  </div>
-                </div>
-                <h6>
-                  {translate("Top Exchanges, according to CryptoCompare")}
-                </h6>
-                <ul
-                  className="nav nav-grid-lg cols-of-5 mb-10"
-                  id="top-exchanges"
-                >
-                  {exchanges.map((exch, i) => (
-                    <li className="nav-item" key={exch.id}>
-                      <a
-                        className="nav-link external-link"
-                        href={exch.href}
-                        target="_blank"
-                      >
-                        <span className="longform me-3">{i+1}</span>
-                        <img className="mw-100" id={exch.id} alt={exch.alt} />
-                      </a>
-                    </li>
-                  ))}
-                </ul>
-                <p className="fs-3 mt-10 mb-0">
-                  {translate(
-                    "Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices."
-                  )}
-                </p>
-              </div>
+                ))}
+              </ul>
+              <p className="fs-3 mt-10 mb-0">
+                {translate(
+                  "Disclaimer: This information is drawn from other sources on the internet.  XRPL.org does not endorse or recommend any exchanges or make any representations with respect to exchanges or the purchase or sale of digital assets more generally. It’s advisable to conduct your own due diligence before relying on any third party or third-party technology, and providers may vary significantly in their compliance, data security, and privacy practices."
+                )}
+              </p>
             </div>
           </div>
-        </section>
-      </div>
+        </div>
+      </section>
     </div>
   );
 }
diff --git a/blog/index.page.tsx b/blog/index.page.tsx
index 526b5b8375..947add5a5f 100644
--- a/blog/index.page.tsx
+++ b/blog/index.page.tsx
@@ -57,13 +57,6 @@ export default function Index() {
   return (
     <div className="landing dev-blog">
       <div className="justify-content-center align-items-lg-center">
-        <div className="position-relative d-none-sm">
-          <img
-            alt="background purple waves"
-            src={require("../static/img/backgrounds/home-purple.svg")}
-            id="blog-purple"
-          />
-        </div>
         <section className="py-lg-5 text-center mt-lg-5">
           <div className="mx-auto text-center col-lg-5">
             <div className="d-flex flex-column">
diff --git a/community/ambassadors.page.tsx b/community/ambassadors.page.tsx
index 565923c5ea..725d04e08d 100644
--- a/community/ambassadors.page.tsx
+++ b/community/ambassadors.page.tsx
@@ -3,8 +3,8 @@ import { useThemeHooks } from '@redocly/theme/core/hooks';
 
 export const frontmatter = {
   seo: {
-    title: 'Ambassadors',
-    description: "The XRPL Campus Ambassador program connects and empowers student champions of the XRPL.",
+	title: 'Ambassadors',
+	description: "The XRPL Campus Ambassador program connects and empowers student champions of the XRPL.",
   }
 };
 
@@ -17,409 +17,403 @@ export default function Ambassadors() {
   const { translate } = useTranslate();
 
   return (
-    <div className="landing page-ambassadors">
-      <div>
-    <div className="position-relative d-none-sm">
-        <img alt="background purple waves" src={require("../static/img/backgrounds/ambassador-purple.svg")} className="position-absolute" style={{top: 0, right: 0}} />
-    </div>
+  <div className="landing page-ambassadors">
     <section className="container-new py-26 text-lg-center">
-        {/* For translater: This section could change dynamically based on the time of year */}
-        <div className="p-0 col-lg-8 mx-lg-auto">
-            <div className="d-flex flex-column-reverse">
-                <h1 className="mb-0">{translate("Become an XRP Ledger Campus Ambassador")}</h1>
-                <h6 className="eyebrow mb-3">{translate("Join the Student Cohort")}</h6>
-            </div>
-            <p className="mt-3 pt-3 col-lg-8 mx-lg-auto p-0">{translate("This fall, the ")} <b>{translate("XRPL Student Builder Residency ")}</b> {translate("offers top technical students a 3-week online program (Oct 21 - Nov 13) to develop XRPL projects with expert mentorship. Apply by Oct 14, 2024")}</p>
-            <p className=" col-lg-8 mx-lg-auto p-0">{translate("This program will run from October 21 - November 13 and will be conducted entirely online. ")}</p>
-            <p className="pb-3 col-lg-8 mx-lg-auto p-0"><b>{translate("Applications due October 14, 2024")}</b>{translate(" @ 11:59pm PDT")}</p>
-            <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+      {/* For translater: This section could change dynamically based on the time of year */}
+      <div className="p-0 col-lg-8 mx-lg-auto">
+        <div className="d-flex flex-column-reverse">
+          <h1 className="mb-0">{translate("Become an XRP Ledger Campus Ambassador")}</h1>
+          <h6 className="eyebrow mb-3">{translate("Join the Student Cohort")}</h6>
         </div>
+        <p className="mt-3 pt-3 col-lg-8 mx-lg-auto p-0">{translate("This fall, the ")} <b>{translate("XRPL Student Builder Residency ")}</b> {translate("offers top technical students a 3-week online program (Oct 21 - Nov 13) to develop XRPL projects with expert mentorship. Apply by Oct 14, 2024")}</p>
+        <p className=" col-lg-8 mx-lg-auto p-0">{translate("This program will run from October 21 - November 13 and will be conducted entirely online. ")}</p>
+        <p className="pb-3 col-lg-8 mx-lg-auto p-0"><b>{translate("Applications due October 14, 2024")}</b>{translate(" @ 11:59pm PDT")}</p>
+        <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+      </div>
     </section>
     {/* Current Students */}
     <section className="container-new py-26">
-        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div className="order-lg-2 mx-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 pr-lg-5">
-                <div className="d-flex flex-column-reverse p-lg-3">
-                    <h3 className="h4 h2-sm">{translate("XRPL Campus Ambassadors")}</h3>
-                    <h6 className="eyebrow mb-3">{translate("Empowering Students")}</h6>
-                </div>
-                <p className="p-lg-3 mb-2 longform">{translate("The XRPL Campus Ambassador program aims to elevate the impact of college students who are passionate about blockchain technology.")}</p>
-                <div className="d-none d-lg-block p-lg-3">
-                <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-                </div>
-            </div>
-            <div className="order-lg-1 col-lg-6 px-0 mr-lg-4">
-                <div className="row m-0">
-                    <img alt="Person speaking and person taking photo" src={require("../static/img/ambassadors/developer-hero@2x.png")} className="w-100" />
-                </div>
-            </div>
-            <div className="d-lg-none order-3 mt-4 pt-3 p-lg-3">
-              <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-            </div>
-        </div>  
+      <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+        <div className="order-lg-2 mx-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 pr-lg-5">
+          <div className="d-flex flex-column-reverse p-lg-3">
+            <h3 className="h4 h2-sm">{translate("XRPL Campus Ambassadors")}</h3>
+            <h6 className="eyebrow mb-3">{translate("Empowering Students")}</h6>
+          </div>
+          <p className="p-lg-3 mb-2 longform">{translate("The XRPL Campus Ambassador program aims to elevate the impact of college students who are passionate about blockchain technology.")}</p>
+          <div className="d-none d-lg-block p-lg-3">
+            <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+          </div>
+        </div>
+        <div className="order-lg-1 col-lg-6 px-0 mr-lg-4">
+          <div className="row m-0">
+            <img alt="Person speaking and person taking photo" src={require("../static/img/ambassadors/developer-hero@2x.png")} className="w-100" />
+          </div>
+        </div>
+        <div className="d-lg-none order-3 mt-4 pt-3 p-lg-3">
+          <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+        </div>
+      </div>  
     </section>
     {/* Benefits */}
     <section className="container-new py-26">
-        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div className="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
-                <div className="d-flex flex-column-reverse p-lg-3">
-                    <h3 className="h4 h2-sm">{translate("Why become an XRPL Campus Ambassador?")}</h3>
-                    <h6 className="eyebrow mb-3">{translate("Benefits")}</h6>
-                </div>
-                <p className="p-lg-3 mb-2 longform">{translate("Join a global cohort of students empowering others to build on the XRPL.")}</p>
-            </div>
-            <div className="order-2 col-lg-6 px-0 mr-lg-5">
-                <div className="row align-items-center m-0" id="benefits-list"> 
-                    {/* benefitslist */}
-                    <div className="col-12 col-lg-6 p-0 pr-lg-4">
-                        <div className="px-lg-3 pb-3">
-                            <img alt="Smiley face" id="benefits-01" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Exclusive Opportunities")}</h6>
-                                <p>{translate("Get access and invitations to Ambassador-only events and opportunities")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none ">
-                            <img alt="Book" id="benefits-02" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Education")}</h6>
-                                <p>{translate("Tutorials and workshops from leading XRPL and blockchain developers")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3">
-                            <img alt="Gift" id="benefits-03" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Swag")}</h6>
-                                <p>{translate("New XRPL swag for Ambassadors and swag to share with other students")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none">
-                            <img alt="Medallion" id="benefits-04" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Mentorship")}</h6>
-                                <p>{translate("Meet with and learn from influential builders and leaders across the XRPL community")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3">
-                            <img alt="Up Arrow" id="benefits-05" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Career Acceleration")}</h6>
-                                <p className="pb-lg-0">{translate("Gain hands-on experience building communities and grow your professional network in the blockchain industry")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none">
-                            <img alt="Dollar Sign" id="benefits-06" className="pl-lg-3" />
-                            <div className="pb-lg-0">
-                                <h6 className="mb-3">{translate("Stipend")}</h6>
-                                <p className="pb-lg-0">{translate("Receive a stipend to fund your ideas and initiatives that fuel XRPL growth in your community")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 1 */}
-                    {/* Show on large */}
-                    <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
-                        <div className="px-lg-3 pb-3 pt-5 mt-5">
-                            <img alt="Book" id="benefits-02" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Education")}</h6>
-                                <p>{translate("Tutorials and workshops from leading XRPL and blockchain developers")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3 ">
-                            <img alt="Medallion" id="benefits-04" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Mentorship")}</h6>
-                                <p>{translate("Meet with and learn from influential builders and leaders across the XRPL community")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3">
-                            <img alt="Dollar Sign" id="benefits-06" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Stipend")}</h6>
-                                <p className="pb-lg-0">{translate("Receive a stipend to fund your ideas and initiatives that fuel XRPL growth in your community")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 2 */}
-                </div>
-            </div>
+      {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+      <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+        <div className="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
+          <div className="d-flex flex-column-reverse p-lg-3">
+            <h3 className="h4 h2-sm">{translate("Why become an XRPL Campus Ambassador?")}</h3>
+            <h6 className="eyebrow mb-3">{translate("Benefits")}</h6>
+          </div>
+          <p className="p-lg-3 mb-2 longform">{translate("Join a global cohort of students empowering others to build on the XRPL.")}</p>
         </div>
+        <div className="order-2 col-lg-6 px-0 mr-lg-5">
+          <div className="row align-items-center m-0" id="benefits-list"> 
+            {/* benefitslist */}
+            <div className="col-12 col-lg-6 p-0 pr-lg-4">
+              <div className="px-lg-3 pb-3">
+                <img alt="Smiley face" id="benefits-01" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Exclusive Opportunities")}</h6>
+                  <p>{translate("Get access and invitations to Ambassador-only events and opportunities")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none ">
+                <img alt="Book" id="benefits-02" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Education")}</h6>
+                  <p>{translate("Tutorials and workshops from leading XRPL and blockchain developers")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3">
+                <img alt="Gift" id="benefits-03" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Swag")}</h6>
+                  <p>{translate("New XRPL swag for Ambassadors and swag to share with other students")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none">
+                <img alt="Medallion" id="benefits-04" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Mentorship")}</h6>
+                  <p>{translate("Meet with and learn from influential builders and leaders across the XRPL community")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3">
+                <img alt="Up Arrow" id="benefits-05" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Career Acceleration")}</h6>
+                  <p className="pb-lg-0">{translate("Gain hands-on experience building communities and grow your professional network in the blockchain industry")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none">
+                <img alt="Dollar Sign" id="benefits-06" className="pl-lg-3" />
+                <div className="pb-lg-0">
+                  <h6 className="mb-3">{translate("Stipend")}</h6>
+                  <p className="pb-lg-0">{translate("Receive a stipend to fund your ideas and initiatives that fuel XRPL growth in your community")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 1 */}
+            {/* Show on large */}
+            <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
+              <div className="px-lg-3 pb-3 pt-5 mt-5">
+                <img alt="Book" id="benefits-02" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Education")}</h6>
+                  <p>{translate("Tutorials and workshops from leading XRPL and blockchain developers")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3 ">
+                <img alt="Medallion" id="benefits-04" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Mentorship")}</h6>
+                  <p>{translate("Meet with and learn from influential builders and leaders across the XRPL community")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3">
+                <img alt="Dollar Sign" id="benefits-06" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Stipend")}</h6>
+                  <p className="pb-lg-0">{translate("Receive a stipend to fund your ideas and initiatives that fuel XRPL growth in your community")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 2 */}
+          </div>
+        </div>
+      </div>
     </section>
     {/* Eligibility */}
     <section className="container-new py-26">
-        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-        <div className="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
-            <div className="order-1 order-lg-2  mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 mr-lg-5">
-                <div className="d-flex flex-column-reverse p-lg-3">
-                    <h3 className="h4 h2-sm">{translate("Should You Apply?")}</h3>
-                    <h6 className="eyebrow mb-3">{translate("Eligibility for XRPL Campus Ambassadors")}</h6>
-                </div>
-                <p className="p-lg-3 mb-2 longform">{translate("Students currently enrolled in an undergraduate or postgraduate program at an accredited college or university are eligible to apply.")}</p>
-            </div>
-            <div className="order-2 order-lg-1 col-lg-6 px-0">
-                <div className="row align-items-center m-0" id="eligibility-list">
-                    <div className="col-12 col-lg-6 p-0 pr-lg-4">
-                        <div className="px-lg-3 pb-3">
-                            <img alt="Calendar" id="eligibility-01" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("A Leader")}</h6>
-                                <p>{translate("Interested in leading meetups and workshops for your local campus community")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none ">
-                            <img alt="Book" id="eligibility-02" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Active")}</h6>
-                                <p>{translate("An active participant in the XRPL community or interested in blockchain and crypto technologies")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3">
-                            <img alt="CPU" id="eligibility-03" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Curious")}</h6>
-                                <p>{translate("Eager to learn more about technical blockchain topics and the XRPL")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none">
-                            <img alt="Quote Bubble" id="eligibility-04" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Passionate")}</h6>
-                                <p>{translate("Passionate about increasing XRPL education and awareness through events, content, and classroom engagement")}</p>
-                            </div>
-                        </div>
-                        <div className="p-lg-3 pb-3">
-                            <img alt="People" id="eligibility-05" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Creative")}</h6>
-                                <p className="pb-lg-0 mb-0">{translate("Ability to think outside the box and have an impact in the XRPL student community")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 1 */}
-                    {/* Show on large */}
-                    <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
-                        <div className="px-lg-3 pb-3 ">
-                            <img alt="Book" id="eligibility-02" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Active")}</h6>
-                                <p>{translate("An active participant in the XRPL community or interested in blockchain and crypto technologies")} </p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3 ">
-                            <img alt="Quote Bubble" id="eligibility-04" className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Passionate")}</h6>
-                                <p> {translate("Passionate about increasing XRPL education and awareness through events, content, and classroom engagement")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 2 */}
-                </div>
-            </div>
+      {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+      <div className="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
+        <div className="order-1 order-lg-2  mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 mr-lg-5">
+          <div className="d-flex flex-column-reverse p-lg-3">
+            <h3 className="h4 h2-sm">{translate("Should You Apply?")}</h3>
+            <h6 className="eyebrow mb-3">{translate("Eligibility for XRPL Campus Ambassadors")}</h6>
+          </div>
+          <p className="p-lg-3 mb-2 longform">{translate("Students currently enrolled in an undergraduate or postgraduate program at an accredited college or university are eligible to apply.")}</p>
         </div>
+        <div className="order-2 order-lg-1 col-lg-6 px-0">
+          <div className="row align-items-center m-0" id="eligibility-list">
+            <div className="col-12 col-lg-6 p-0 pr-lg-4">
+              <div className="px-lg-3 pb-3">
+                <img alt="Calendar" id="eligibility-01" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("A Leader")}</h6>
+                  <p>{translate("Interested in leading meetups and workshops for your local campus community")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none ">
+                <img alt="Book" id="eligibility-02" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Active")}</h6>
+                  <p>{translate("An active participant in the XRPL community or interested in blockchain and crypto technologies")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3">
+                <img alt="CPU" id="eligibility-03" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Curious")}</h6>
+                  <p>{translate("Eager to learn more about technical blockchain topics and the XRPL")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none">
+                <img alt="Quote Bubble" id="eligibility-04" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Passionate")}</h6>
+                  <p>{translate("Passionate about increasing XRPL education and awareness through events, content, and classroom engagement")}</p>
+                </div>
+              </div>
+              <div className="p-lg-3 pb-3">
+                <img alt="People" id="eligibility-05" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Creative")}</h6>
+                  <p className="pb-lg-0 mb-0">{translate("Ability to think outside the box and have an impact in the XRPL student community")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 1 */}
+            {/* Show on large */}
+            <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
+              <div className="px-lg-3 pb-3 ">
+                <img alt="Book" id="eligibility-02" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Active")}</h6>
+                  <p>{translate("An active participant in the XRPL community or interested in blockchain and crypto technologies")} </p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3 ">
+                <img alt="Quote Bubble" id="eligibility-04" className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Passionate")}</h6>
+                  <p> {translate("Passionate about increasing XRPL education and awareness through events, content, and classroom engagement")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 2 */}
+          </div>
+        </div>
+      </div>
     </section>
     {/* Current Students */}
     <section className="container-new py-26">
-        {/* Quotes */}
-        <div id="carouselSlidesOnly" className="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
-            <div className="carousel-inner">
-                <div className="carousel-item active">
-                    <div className="p-0">
-                        <div className="mb-4 p-lg-3">
-                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" />
-                            <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" />
-                            <div className="p-0 col-lg-7 mx-lg-auto">
-                                <p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br />
-                                    Toronto Metropolitan University<br />
-                                    Spring 2023 XRPL Campus Ambassador</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div className="carousel-item mb-20">
-                    <div className="p-0">
-                        <div className="mb-4 p-lg-3">
-                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none  mb-4" />
-                            <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" />
-                            <div className="p-0 col-lg-7 mx-lg-auto">
-                                <p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br />
-                                    Toronto Metropolitan University<br />
-                                    Spring 2023 XRPL Campus Ambassador</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div className="carousel-item mb-40">
-                    <div className="p-0">
-                        <div className="mb-4 p-lg-3">
-                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none  mb-4" />
-                            <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" />
-                            <div className="p-0 col-lg-7 mx-lg-auto">
-                                <p className="p-lg-3 mb-2"><strong>Nick D.</strong><br />
-                                    Miami University<br />
-                                    Spring 2023 XRPL Campus Ambassador</p>
-                            </div>
-                        </div>
-                    </div>
+      {/* Quotes */}
+      <div id="carouselSlidesOnly" className="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
+        <div className="carousel-inner">
+          <div className="carousel-item active">
+            <div className="p-0">
+              <div className="mb-4 p-lg-3">
+                <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1-small.svg")} className="h-100 d-lg-none mb-4" />
+                <img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src={require("../static/img/ambassadors/quote1.svg")} className="h-100 d-none d-lg-block" />
+                <div className="p-0 col-lg-7 mx-lg-auto">
+                  <p className="p-lg-3 mb-2"><strong>Derrick N.</strong><br />
+                    Toronto Metropolitan University<br />
+                    Spring 2023 XRPL Campus Ambassador</p>
                 </div>
+              </div>
             </div>
+          </div>
+          <div className="carousel-item mb-20">
+            <div className="p-0">
+              <div className="mb-4 p-lg-3">
+                <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2-small.svg")} className="h-150 d-lg-none  mb-4" />
+                <img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src={require("../static/img/ambassadors/quote2.svg")} className="h-100 d-none d-lg-block" />
+                <div className="p-0 col-lg-7 mx-lg-auto">
+                  <p className="p-lg-3 mb-2"><strong>Sally Z.</strong><br />
+                    Toronto Metropolitan University<br />
+                    Spring 2023 XRPL Campus Ambassador</p>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className="carousel-item mb-40">
+            <div className="p-0">
+              <div className="mb-4 p-lg-3">
+                <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3-small.svg")} className="h-150 d-lg-none  mb-4" />
+                <img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src={require("../static/img/ambassadors/quote3.svg")} className="h-100 d-none d-lg-block" />
+                <div className="p-0 col-lg-7 mx-lg-auto">
+                  <p className="p-lg-3 mb-2"><strong>Nick D.</strong><br />
+                    Miami University<br />
+                    Spring 2023 XRPL Campus Ambassador</p>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
+      </div>
     </section>
     {/* How it Works */}
     <section className="container-new py-26">
-        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div className="order-1 mr-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
-                <div className="d-flex flex-column-reverse p-lg-3">
-                    <h3 className="h4 h2-sm">{translate("Process to become a Campus Ambassador")}</h3>
-                    <h6 className="eyebrow mb-3">{translate("How it Works")}</h6>
-                </div>
-                <p className="p-lg-3 mb-2 longform">{translate("Apply now to become an XRPL Campus Ambassador.")}</p>
-                <div className="d-none d-lg-block p-lg-3">
-                <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-                </div>
-            </div>
-            <div className="order-2 col-lg-6 px-0 ml-lg-2">
-                <div className="row m-0">
-                    <div className="col-12 col-lg-6 p-0 pr-lg-4">
-                        <div className="px-lg-3 pb-3">
-                            <img  src={require("../static/img/ambassadors/01.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Apply")}</h6>
-                                <p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="px-lg-3 pb-3 d-lg-none ">
-                            <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Interview")}</h6>
-                                <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
-                            </div>
-                        </div>
-                        <div className="px-lg-3 pb-3">
-                            <img  src={require("../static/img/ambassadors/03.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Join")}</h6>
-                                <p>{translate("Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.")}</p>
-                            </div>
-                        </div>
-                        {/* Hide on large */}
-                        <div className="p-lg-3 pb-3 d-lg-none">
-                            <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Learn")}</h6>
-                                <p> {translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 1 */}
-                    {/* Show on large */}
-                    <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
-                        <div className="px-lg-3 pb-3 mt-5">
-                            <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3">
-                                <h6 className="mb-3">{translate("Interview")}</h6>
-                                <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
-                            </div>
-                        </div>
-                        <div className="p-lg-3 pb-3 ">
-                            <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
-                            <div className="p-lg-3 pt-3 pb-lg-0">
-                                <h6 className="mb-3">{translate("Learn")}</h6>
-                                <p className="pb-lg-0">{translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    {/* end col 2 */}
-                </div>
-            </div>
-            <div className="d-lg-none order-3 mt-4 pt-3">
-                <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-            </div>
+      {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+      <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+        <div className="order-1 mr-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
+          <div className="d-flex flex-column-reverse p-lg-3">
+            <h3 className="h4 h2-sm">{translate("Process to become a Campus Ambassador")}</h3>
+            <h6 className="eyebrow mb-3">{translate("How it Works")}</h6>
+          </div>
+          <p className="p-lg-3 mb-2 longform">{translate("Apply now to become an XRPL Campus Ambassador.")}</p>
+          <div className="d-none d-lg-block p-lg-3">
+            <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+          </div>
         </div>
+        <div className="order-2 col-lg-6 px-0 ml-lg-2">
+          <div className="row m-0">
+            <div className="col-12 col-lg-6 p-0 pr-lg-4">
+              <div className="px-lg-3 pb-3">
+                <img  src={require("../static/img/ambassadors/01.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Apply")}</h6>
+                  <p>{translate("Submit an application to be considered for the Campus Ambassador program.")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="px-lg-3 pb-3 d-lg-none ">
+                <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Interview")}</h6>
+                  <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
+                </div>
+              </div>
+              <div className="px-lg-3 pb-3">
+                <img  src={require("../static/img/ambassadors/03.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Join")}</h6>
+                  <p>{translate("Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.")}</p>
+                </div>
+              </div>
+              {/* Hide on large */}
+              <div className="p-lg-3 pb-3 d-lg-none">
+                <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Learn")}</h6>
+                  <p> {translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 1 */}
+            {/* Show on large */}
+            <div className="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
+              <div className="px-lg-3 pb-3 mt-5">
+                <img  src={require("../static/img/ambassadors/02.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3">
+                  <h6 className="mb-3">{translate("Interview")}</h6>
+                  <p>{translate("Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.")}</p>
+                </div>
+              </div>
+              <div className="p-lg-3 pb-3 ">
+                <img  src={require("../static/img/ambassadors/04.svg")} className="pl-lg-3" />
+                <div className="p-lg-3 pt-3 pb-lg-0">
+                  <h6 className="mb-3">{translate("Learn")}</h6>
+                  <p className="pb-lg-0">{translate("Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.")}</p>
+                </div>
+              </div>
+            </div>
+            {/* end col 2 */}
+          </div>
+        </div>
+        <div className="d-lg-none order-3 mt-4 pt-3">
+          <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+        </div>
+      </div>
     </section>
     {/* Image Block */}
     <div>
-        <img alt="Ripple Conferences and two people Sitting" src={require("../static/img/ambassadors/students-large.png")} className="w-100" />
+      <img alt="Ripple Conferences and two people Sitting" src={require("../static/img/ambassadors/students-large.png")} className="w-100" />
     </div>
     {/* Global Community Carousel */}
     <section className="container-new pt-26">
-        <div className="p-0 col-lg-5">
-            <div className="d-flex flex-column-reverse p-lg-3">
-                <h3 className="h4 h2-sm">{translate("Join a global cohort of Student Ambassadors")}</h3>
-                <h6 className="eyebrow mb-3">{translate("Global Community")}</h6>
-            </div>
+      <div className="p-0 col-lg-5">
+        <div className="d-flex flex-column-reverse p-lg-3">
+          <h3 className="h4 h2-sm">{translate("Join a global cohort of Student Ambassadors")}</h3>
+          <h6 className="eyebrow mb-3">{translate("Global Community")}</h6>
         </div>
+      </div>
     </section>
     <div id="container-scroll">
-        <div className="photobanner">
-            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
-        </div>
-        <div className="photobanner photobanner-bottom">
-            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
-            <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
-        </div>
+      <div className="photobanner">
+        <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+        <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+        <img src={require("../static/img/ambassadors/locations-row-1.png")} alt="Ambassador locations" height="48px" className="px-5" />
+      </div>
+      <div className="photobanner photobanner-bottom">
+        <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+        <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+        <img src={require("../static/img/ambassadors/locations-row-2.png")} alt="Ambassador locations" height="48px" className="px-5" />
+      </div>
     </div>
     {/* Connect */}
     <section className="container-new py-26">
-        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div className="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
-                <div className="d-flex flex-column-reverse p-lg-3">
-                    <h3 className="h4 h2-sm">{translate("Stay connected to the XRPL Community")}</h3>
-                    <h6 className="eyebrow mb-3">{translate("Connect")}</h6>
-                </div>
-                <p className="p-lg-3 mb-2 longform">{translate("To stay up-to-date on the latest activity, meetups, and events of the XRPL Community be sure to follow these channels:")}</p>
-                <div className="d-none d-lg-block p-lg-3">
-                    <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-                </div>
-            </div>
-            <div className="order-2 col-lg-6 px-0 ml-lg-5">
-                <div className="row align-items-center m-0">
-                    <div className="col-12 col-lg-6 p-0 pr-lg-4">
-                        <div className="p-lg-3 mb-3 pb-3">
-                            <img alt="meetup" src={require("../static/img/ambassadors/icon_meetup.svg")} className="mb-3" />
-                            <div>
-                                <h6 className="mb-3"><a className="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{translate("MeetUp")}</a></h6>
-                                <p>{translate("Attend an XRPL Meetup in your local area")}</p>
-                            </div>
-                        </div>
-                        <div className="p-lg-3 mb-3 pb-3">
-                            <img alt="devto" src={require("../static/img/ambassadors/icon_devto.svg")} className="mb-3" />
-                            <div>
-                                <h6 className="mb-3"><a className="btn-arrow" href="https://dev.to/t/xrpl">{translate("Dev.to Blog")}</a></h6>
-                                <p>{translate("Read more about the activity of the XRPL Ambassadors")}</p>
-                            </div>
-                        </div>
-                    </div>
-                    <div className="col-12 col-lg-6 p-0 pl-lg-4">
-                        <div className="p-lg-3 mb-3 pb-3 ">
-                            <img alt="discord" src={require("../static/img/ambassadors/icon_discord.svg")} className="mb-3" />
-                            <div>
-                                <h6 className="mb-3"><a className="btn-arrow" href="https://xrpldevs.org">{translate("Discord")}</a></h6>
-                                <p>{translate("Join the conversation on the XRPL Developer Discord")}</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div className="d-lg-none order-3 mt-4 pt-3">
-              <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
-            </div>
+      {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+      <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+        <div className="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
+          <div className="d-flex flex-column-reverse p-lg-3">
+            <h3 className="h4 h2-sm">{translate("Stay connected to the XRPL Community")}</h3>
+            <h6 className="eyebrow mb-3">{translate("Connect")}</h6>
+          </div>
+          <p className="p-lg-3 mb-2 longform">{translate("To stay up-to-date on the latest activity, meetups, and events of the XRPL Community be sure to follow these channels:")}</p>
+          <div className="d-none d-lg-block p-lg-3">
+            <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+          </div>
         </div>
+        <div className="order-2 col-lg-6 px-0 ml-lg-5">
+          <div className="row align-items-center m-0">
+            <div className="col-12 col-lg-6 p-0 pr-lg-4">
+              <div className="p-lg-3 mb-3 pb-3">
+                <img alt="meetup" src={require("../static/img/ambassadors/icon_meetup.svg")} className="mb-3" />
+                <div>
+                  <h6 className="mb-3"><a className="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{translate("MeetUp")}</a></h6>
+                  <p>{translate("Attend an XRPL Meetup in your local area")}</p>
+                </div>
+              </div>
+              <div className="p-lg-3 mb-3 pb-3">
+                <img alt="devto" src={require("../static/img/ambassadors/icon_devto.svg")} className="mb-3" />
+                <div>
+                  <h6 className="mb-3"><a className="btn-arrow" href="https://dev.to/t/xrpl">{translate("Dev.to Blog")}</a></h6>
+                  <p>{translate("Read more about the activity of the XRPL Ambassadors")}</p>
+                </div>
+              </div>
+            </div>
+            <div className="col-12 col-lg-6 p-0 pl-lg-4">
+              <div className="p-lg-3 mb-3 pb-3 ">
+                <img alt="discord" src={require("../static/img/ambassadors/icon_discord.svg")} className="mb-3" />
+                <div>
+                  <h6 className="mb-3"><a className="btn-arrow" href="https://xrpldevs.org">{translate("Discord")}</a></h6>
+                  <p>{translate("Join the conversation on the XRPL Developer Discord")}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="d-lg-none order-3 mt-4 pt-3">
+          <button className="btn btn-primary btn-arrow-out" onClick={() => window.open('https://share.hsforms.com/1k47bfuX2SL2DKZtZoJzArg4vgrs', "_blank")} >{translate("Apply for Fall 2024")}</button>
+        </div>
+      </div>
     </section>
-</div>
-
-    </div>
+  </div>
   )
 }
diff --git a/community/developer-funding.page.tsx b/community/developer-funding.page.tsx
index 5e386f0785..a1d217be31 100644
--- a/community/developer-funding.page.tsx
+++ b/community/developer-funding.page.tsx
@@ -19,261 +19,148 @@ export default function Funding() {
 
   return (
     <div className="landing page-funding">
-      <div>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="purple waves"
-            src={require("../static/img/backgrounds/funding-purple.svg")}
-            className="position-absolute"
-            style={{ top: 0, right: 0 }}
-          />
-        </div>
-        <section className="container-new py-26 text-lg-center">
-          <div className="p-0 col-lg-6 mx-lg-auto">
-            <div className="d-flex flex-column-reverse">
-              <h1 className="mb-0">
-                {translate("XRPL Developer Funding Programs")}
-              </h1>
-              <h6 className="eyebrow mb-3">{translate("Project Resources")}</h6>
-            </div>
+      <section className="container-new py-26 text-lg-center">
+        <div className="p-0 col-lg-6 mx-lg-auto">
+          <div className="d-flex flex-column-reverse">
+            <h1 className="mb-0">
+              {translate("XRPL Developer Funding Programs")}
+            </h1>
+            <h6 className="eyebrow mb-3">{translate("Project Resources")}</h6>
           </div>
-        </section>
-        <section className="container-new py-26">
-          <div className="p-0 col-lg-6 mx-lg-auto" style={{ maxWidth: 520 }}>
-            <div className="d-flex flex-column-reverse">
-              <h1 className="mb-0 h4 h2-sm">
-                {translate(
-                  "Explore funding opportunities for developers and teams"
-                )}
-              </h1>
-              <h6 className="eyebrow mb-3">{translate("Funding Overview")}</h6>
-            </div>
-            <p className="mt-3 py-3 p-0 longform">
+        </div>
+      </section>
+      <section className="container-new py-26">
+        <div className="p-0 col-lg-6 mx-lg-auto" style={{ maxWidth: 520 }}>
+          <div className="d-flex flex-column-reverse">
+            <h1 className="mb-0 h4 h2-sm">
               {translate(
-                "If you’re a software developer or team looking to build your next project or venture on the XRP Ledger (XRPL), there are a number of opportunities to fund your next innovation."
+                "Explore funding opportunities for developers and teams"
+              )}
+            </h1>
+            <h6 className="eyebrow mb-3">{translate("Funding Overview")}</h6>
+          </div>
+          <p className="mt-3 py-3 p-0 longform">
+            {translate(
+              "If you’re a software developer or team looking to build your next project or venture on the XRP Ledger (XRPL), there are a number of opportunities to fund your next innovation."
+            )}
+          </p>
+        </div>
+      </section>
+      {/* Hackathons */}
+      <section className="container-new py-26">
+        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+          <div
+            className="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0"
+            style={{ maxWidth: 520 }}
+          >
+            <div className="d-flex flex-column-reverse p-lg-3">
+              <h3 className="h4 h2-sm">{translate("XRPL Hackathons")}</h3>
+              <h6 className="eyebrow mb-3">{translate("Join an Event")}</h6>
+            </div>
+            <p className="p-lg-3 mb-2 longform">
+              {translate(
+                "Hackathons are open to all developers to explore and invent a project on the XRP Ledger. Visit the events page for updates on upcoming hackathons."
               )}
             </p>
-          </div>
-        </section>
-        {/* Hackathons */}
-        <section className="container-new py-26">
-          {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-          <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div
-              className="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0"
-              style={{ maxWidth: 520 }}
-            >
-              <div className="d-flex flex-column-reverse p-lg-3">
-                <h3 className="h4 h2-sm">{translate("XRPL Hackathons")}</h3>
-                <h6 className="eyebrow mb-3">{translate("Join an Event")}</h6>
-              </div>
-              <p className="p-lg-3 mb-2 longform">
-                {translate(
-                  "Hackathons are open to all developers to explore and invent a project on the XRP Ledger. Visit the events page for updates on upcoming hackathons."
-                )}
-              </p>
-              <div className="d-none d-lg-block p-lg-3">
-                <Link className="btn btn-primary btn-arrow" to="/community/events">
-                  {translate("See Upcoming Events")}
-                </Link>
-              </div>
+            <div className="d-none d-lg-block p-lg-3">
+              <Link className="btn btn-primary btn-arrow" to="/community/events">
+                {translate("See Upcoming Events")}
+              </Link>
             </div>
-            <div className="order-2 order-lg-1 col-lg-6 px-0">
-              <div className="row align-items-center m-0 funding-list">
-                {/* funding list */}
-                <div className="col-12 col-lg-6 p-0">
-                  <div className="px-lg-3 pb-3">
-                    <img alt="user" id="funding-01" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Best for")}</h6>
-                      <p>
-                        {translate(
-                          "Software developers and teams building directly on the XRP Ledger"
-                        )}
-                      </p>
-                    </div>
+          </div>
+          <div className="order-2 order-lg-1 col-lg-6 px-0">
+            <div className="row align-items-center m-0 funding-list">
+              {/* funding list */}
+              <div className="col-12 col-lg-6 p-0">
+                <div className="px-lg-3 pb-3">
+                  <img alt="user" id="funding-01" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Best for")}</h6>
+                    <p>
+                      {translate(
+                        "Software developers and teams building directly on the XRP Ledger"
+                      )}
+                    </p>
                   </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="book" id="funding-02" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Required")}</h6>
+                    <p>{translate("Some coding experience")}</p>
+                  </div>
+                </div>
+                <div className="px-lg-3 pb-3 pt-lg-5">
+                  <img alt="arrow" id="funding-03" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Level")}</h6>
+                    <p>{translate("XRPL beginner to advanced developers")}</p>
+                  </div>
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>{translate("Prize money and awards")}</p>
+                  </div>
+                </div>
+              </div>
+              {/* end col 1 */}
+              {/* Show on large */}
+              <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
+                <div className="px-lg-3 pb-3 pt-5 mt-5">
+                  <div className="pt-1 mt-3">
                     <img alt="book" id="funding-02" />
                     <div className="pt-3">
                       <h6 className="mb-3">{translate("Required")}</h6>
                       <p>{translate("Some coding experience")}</p>
                     </div>
                   </div>
-                  <div className="px-lg-3 pb-3 pt-lg-5">
-                    <img alt="arrow" id="funding-03" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Level")}</h6>
-                      <p>{translate("XRPL beginner to advanced developers")}</p>
-                    </div>
-                  </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>{translate("Prize money and awards")}</p>
-                    </div>
+                </div>
+                <div className="px-lg-3 pb-3 pt-5">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>{translate("Prize money and awards")}</p>
                   </div>
                 </div>
-                {/* end col 1 */}
-                {/* Show on large */}
-                <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
-                  <div className="px-lg-3 pb-3 pt-5 mt-5">
-                    <div className="pt-1 mt-3">
-                      <img alt="book" id="funding-02" />
-                      <div className="pt-3">
-                        <h6 className="mb-3">{translate("Required")}</h6>
-                        <p>{translate("Some coding experience")}</p>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="px-lg-3 pb-3 pt-5">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>{translate("Prize money and awards")}</p>
-                    </div>
-                  </div>
-                </div>
-                {/* end col 2 */}
               </div>
-            </div>
-            <div className="d-lg-none order-3 mt-4 pt-3">
-              <Link className="btn btn-primary btn-arrow" to="/community/events">
-                {translate("See Upcoming Events")}
-              </Link>
+              {/* end col 2 */}
             </div>
           </div>
-        </section>
-        {/* Eligibility */}
-        <section className="container-new py-26">
-          {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-          <div className="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
-            <div className="order-1  mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 p-lg-3">
-              <div className="d-flex flex-column-reverse py-lg-3">
-                <h3 className="h4 h2-sm">{translate("XRPL Grants")}</h3>
-                <h6 className="eyebrow mb-3">
-                  {translate("Fund Your Project")}
-                </h6>
-              </div>
-              <p className="py-lg-3 mb-2 longform" style={{ maxWidth: 520 }}>
-                {translate(
-                  "Developer grants for projects that contribute to the growing XRP Ledger community."
-                )}
-              </p>
-              <div className="mt-4 pt-3" style={{ maxWidth: 520 }}>
-                <span className="h6" style={{ fontSize: "1rem" }}>
-                  {translate("Past awardees include:")}
-                </span>
-                <div className="mb-4 py-3" id="xrplGrantsDark" />
-              </div>
-              <div className="d-none d-lg-block py-lg-3">
-                <a
-                  className="btn btn-primary btn-arrow-out"
-                  target="_blank"
-                  href="https://xrplgrants.org/"
-                >
-                  {translate("Visit XRPL Grants")}
-                </a>
-              </div>
+          <div className="d-lg-none order-3 mt-4 pt-3">
+            <Link className="btn btn-primary btn-arrow" to="/community/events">
+              {translate("See Upcoming Events")}
+            </Link>
+          </div>
+        </div>
+      </section>
+      {/* Eligibility */}
+      <section className="container-new py-26">
+        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+        <div className="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
+          <div className="order-1  mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 p-lg-3">
+            <div className="d-flex flex-column-reverse py-lg-3">
+              <h3 className="h4 h2-sm">{translate("XRPL Grants")}</h3>
+              <h6 className="eyebrow mb-3">
+                {translate("Fund Your Project")}
+              </h6>
             </div>
-            <div className="order-2 col-lg-6 px-0 pl-lg-3">
-              <div className="row align-items-center m-0 funding-list">
-                {/* funding list */}
-                <div className="col-12 col-lg-6 p-0">
-                  <div className="px-lg-3 pb-3">
-                    <img alt="user" id="funding-01" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Best for")}</h6>
-                      <p>
-                        {translate(
-                          "Software developers, teams, and start-ups building directly on the XRP Ledger"
-                        )}
-                      </p>
-                    </div>
-                  </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
-                    <img alt="book" id="funding-02" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Required")}</h6>
-                      <p>
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Coding experience")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Github repository")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Project narrative/description")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("At least one developer on the core team")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Budget and milestones")}
-                      </p>
-                    </div>
-                  </div>
-                  <div className="px-lg-3 pb-3 pt-lg-5">
-                    <img alt="arrow" id="funding-03" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Level")}</h6>
-                      <p>
-                        {translate("XRPL intermediate to advanced developers")}
-                      </p>
-                    </div>
-                  </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>{translate("$10,000 - $200,000")}</p>
-                    </div>
-                  </div>
-                </div>
-                {/* end col 1 */}
-                {/* Show on large */}
-                <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
-                  <div className="px-lg-3 pb-3 pt-5 mt-5">
-                    <div className="pt-1 mt-3">
-                      <img alt="book" id="funding-02" />
-                      <div className="pt-3">
-                        <h6 className="mb-3">{translate("Required")}</h6>
-                        <p>
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Coding experience")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Github repository")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Project narrative/description")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("At least one developer on the core team")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Budget and milestones")}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="px-lg-3 pb-3 pt-5">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>{translate("$10,000 - $200,000")}</p>
-                    </div>
-                  </div>
-                </div>
-                {/* end col 2 */}
-              </div>
+            <p className="py-lg-3 mb-2 longform" style={{ maxWidth: 520 }}>
+              {translate(
+                "Developer grants for projects that contribute to the growing XRP Ledger community."
+              )}
+            </p>
+            <div className="mt-4 pt-3" style={{ maxWidth: 520 }}>
+              <span className="h6" style={{ fontSize: "1rem" }}>
+                {translate("Past awardees include:")}
+              </span>
+              <div className="mb-4 py-3" id="xrplGrantsDark" />
             </div>
-            <div className="d-lg-none order-3 mt-4 pt-3">
+            <div className="d-none d-lg-block py-lg-3">
               <a
                 className="btn btn-primary btn-arrow-out"
                 target="_blank"
@@ -283,52 +170,202 @@ export default function Funding() {
               </a>
             </div>
           </div>
-        </section>
-        {/* Accelerator */}
-        <section className="container-new py-26">
-          {/* flex. Col for mobile. Row for large. on large align content to the center  */}
-          <div className="d-flex flex-column flex-lg-row align-items-lg-center">
-            <div
-              className="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0"
-              style={{ maxWidth: 520 }}
-            >
-              <div className="d-flex flex-column-reverse p-lg-3">
-                <h3 className="h4 h2-sm">{translate("XRPL Accelerator")}</h3>
-                <h6 className="eyebrow mb-3">
-                  {translate("Advance your project")}
-                </h6>
+          <div className="order-2 col-lg-6 px-0 pl-lg-3">
+            <div className="row align-items-center m-0 funding-list">
+              {/* funding list */}
+              <div className="col-12 col-lg-6 p-0">
+                <div className="px-lg-3 pb-3">
+                  <img alt="user" id="funding-01" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Best for")}</h6>
+                    <p>
+                      {translate(
+                        "Software developers, teams, and start-ups building directly on the XRP Ledger"
+                      )}
+                    </p>
+                  </div>
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="book" id="funding-02" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Required")}</h6>
+                    <p>
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Coding experience")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Github repository")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Project narrative/description")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("At least one developer on the core team")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Budget and milestones")}
+                    </p>
+                  </div>
+                </div>
+                <div className="px-lg-3 pb-3 pt-lg-5">
+                  <img alt="arrow" id="funding-03" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Level")}</h6>
+                    <p>
+                      {translate("XRPL intermediate to advanced developers")}
+                    </p>
+                  </div>
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>{translate("$10,000 - $200,000")}</p>
+                  </div>
+                </div>
               </div>
-              <p className="p-lg-3 mb-2 longform">
-                {translate(
-                  "12-week program for entrepreneurs building on the XRP Ledger to scale their projects into thriving businesses."
-                )}
-              </p>
-              <div className="d-none d-lg-block p-lg-3">
-                <a
-                  className="btn btn-primary btn-arrow"
-                  href="https://xrplaccelerator.org/"
-                >
-                  {translate("View XRPL Accelerator")}
-                </a>
-              </div>
-            </div>
-            <div className="order-2 order-lg-1 col-lg-6 px-0">
-              <div className="row align-items-center m-0 funding-list">
-                {/* funding list */}
-                <div className="col-12 col-lg-6 p-0">
-                  <div className="px-lg-3 pb-3">
-                    <img alt="user" id="funding-01" />
+              {/* end col 1 */}
+              {/* Show on large */}
+              <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
+                <div className="px-lg-3 pb-3 pt-5 mt-5">
+                  <div className="pt-1 mt-3">
+                    <img alt="book" id="funding-02" />
                     <div className="pt-3">
-                      <h6 className="mb-3">{translate("Best for")}</h6>
+                      <h6 className="mb-3">{translate("Required")}</h6>
                       <p>
-                        {translate(
-                          "Start-ups building scalable products on XRPL that can capture a large market opportunity"
-                        )}
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Coding experience")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Github repository")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Project narrative/description")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("At least one developer on the core team")}
+                        <br />
+                        <span style={{ color: "#7919FF" }}>•</span>{" "}
+                        {translate("Budget and milestones")}
                       </p>
                     </div>
                   </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
+                </div>
+                <div className="px-lg-3 pb-3 pt-5">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>{translate("$10,000 - $200,000")}</p>
+                  </div>
+                </div>
+              </div>
+              {/* end col 2 */}
+            </div>
+          </div>
+          <div className="d-lg-none order-3 mt-4 pt-3">
+            <a
+              className="btn btn-primary btn-arrow-out"
+              target="_blank"
+              href="https://xrplgrants.org/"
+            >
+              {translate("Visit XRPL Grants")}
+            </a>
+          </div>
+        </div>
+      </section>
+      {/* Accelerator */}
+      <section className="container-new py-26">
+        {/* flex. Col for mobile. Row for large. on large align content to the center  */}
+        <div className="d-flex flex-column flex-lg-row align-items-lg-center">
+          <div
+            className="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0"
+            style={{ maxWidth: 520 }}
+          >
+            <div className="d-flex flex-column-reverse p-lg-3">
+              <h3 className="h4 h2-sm">{translate("XRPL Accelerator")}</h3>
+              <h6 className="eyebrow mb-3">
+                {translate("Advance your project")}
+              </h6>
+            </div>
+            <p className="p-lg-3 mb-2 longform">
+              {translate(
+                "12-week program for entrepreneurs building on the XRP Ledger to scale their projects into thriving businesses."
+              )}
+            </p>
+            <div className="d-none d-lg-block p-lg-3">
+              <a
+                className="btn btn-primary btn-arrow"
+                href="https://xrplaccelerator.org/"
+              >
+                {translate("View XRPL Accelerator")}
+              </a>
+            </div>
+          </div>
+          <div className="order-2 order-lg-1 col-lg-6 px-0">
+            <div className="row align-items-center m-0 funding-list">
+              {/* funding list */}
+              <div className="col-12 col-lg-6 p-0">
+                <div className="px-lg-3 pb-3">
+                  <img alt="user" id="funding-01" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Best for")}</h6>
+                    <p>
+                      {translate(
+                        "Start-ups building scalable products on XRPL that can capture a large market opportunity"
+                      )}
+                    </p>
+                  </div>
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="book" id="funding-02" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Required")}</h6>
+                    <p>
+                      <span style={{ color: "#7919FF" }}>•</span>{" "}
+                      {translate("Strong founding team")}
+                      <br />
+                      <span style={{ color: "#7919FF" }}>•</span>{" "}
+                      {translate("Bold, ambitious vision")}
+                      <br />
+                      <span style={{ color: "#7919FF" }}>•</span>{" "}
+                      {translate("Ideally an MVP and monetization strategy")}
+                    </p>
+                  </div>
+                </div>
+                <div className="px-lg-3 pb-3 pt-lg-5">
+                  <img alt="arrow" id="funding-03" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Level")}</h6>
+                    <p>
+                      <span style={{ color: "#7919FF" }}>•</span>{" "}
+                      {translate("XRPL advanced developers")}
+                      <br />
+                      <span style={{ color: "#7919FF" }}>•</span>{" "}
+                      {translate("Business acumen")}
+                    </p>
+                  </div>
+                </div>
+                {/* Hide on large */}
+                <div className="px-lg-3 pb-3 d-lg-none">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>
+                      {translate(
+                        "$50,000 (grant) + pitch for venture funding"
+                      )}
+                    </p>
+                  </div>
+                </div>
+              </div>
+              {/* end col 1 */}
+              {/* Show on large */}
+              <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
+                <div className="px-lg-3 pb-3 pt-5 mt-5">
+                  <div className="pt-1 mt-3">
                     <img alt="book" id="funding-02" />
                     <div className="pt-3">
                       <h6 className="mb-3">{translate("Required")}</h6>
@@ -340,92 +377,38 @@ export default function Funding() {
                         {translate("Bold, ambitious vision")}
                         <br />
                         <span style={{ color: "#7919FF" }}>•</span>{" "}
-                        {translate("Ideally an MVP and monetization strategy")}
-                      </p>
-                    </div>
-                  </div>
-                  <div className="px-lg-3 pb-3 pt-lg-5">
-                    <img alt="arrow" id="funding-03" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Level")}</h6>
-                      <p>
-                        <span style={{ color: "#7919FF" }}>•</span>{" "}
-                        {translate("XRPL advanced developers")}
-                        <br />
-                        <span style={{ color: "#7919FF" }}>•</span>{" "}
-                        {translate("Business acumen")}
-                      </p>
-                    </div>
-                  </div>
-                  {/* Hide on large */}
-                  <div className="px-lg-3 pb-3 d-lg-none">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>
                         {translate(
-                          "$50,000 (grant) + pitch for venture funding"
+                          "Ideally an MVP and monetization strategy"
                         )}
                       </p>
                     </div>
                   </div>
                 </div>
-                {/* end col 1 */}
-                {/* Show on large */}
-                <div className="col-12 col-lg-6 p-0 d-none d-lg-block">
-                  <div className="px-lg-3 pb-3 pt-5 mt-5">
-                    <div className="pt-1 mt-3">
-                      <img alt="book" id="funding-02" />
-                      <div className="pt-3">
-                        <h6 className="mb-3">{translate("Required")}</h6>
-                        <p>
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Strong founding team")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate("Bold, ambitious vision")}
-                          <br />
-                          <span style={{ color: "#7919FF" }}>•</span>{" "}
-                          {translate(
-                            "Ideally an MVP and monetization strategy"
-                          )}
-                        </p>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="px-lg-3 pb-3 pt-5">
-                    <img alt="dollar sign" id="funding-04" />
-                    <div className="pt-3">
-                      <h6 className="mb-3">{translate("Funding Levels")}</h6>
-                      <p>
-                        {translate(
-                          "$50,000 (grant) + pitch for venture funding"
-                        )}
-                      </p>
-                    </div>
+                <div className="px-lg-3 pb-3 pt-5">
+                  <img alt="dollar sign" id="funding-04" />
+                  <div className="pt-3">
+                    <h6 className="mb-3">{translate("Funding Levels")}</h6>
+                    <p>
+                      {translate(
+                        "$50,000 (grant) + pitch for venture funding"
+                      )}
+                    </p>
                   </div>
                 </div>
-                {/* end col 2 */}
               </div>
-            </div>
-            <div className="d-lg-none order-3 mt-4 pt-3">
-              <a
-                className="btn btn-primary btn-arrow"
-                href="https://xrplaccelerator.org/"
-              >
-                {translate("View XRPL Accelerator")}
-              </a>
+              {/* end col 2 */}
             </div>
           </div>
-        </section>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="orange waves"
-            src={require("../static/img/backgrounds/funding-orange.svg")}
-            id="funding-orange"
-          />
+          <div className="d-lg-none order-3 mt-4 pt-3">
+            <a
+              className="btn btn-primary btn-arrow"
+              href="https://xrplaccelerator.org/"
+            >
+              {translate("View XRPL Accelerator")}
+            </a>
+          </div>
         </div>
-      </div>
+      </section>
     </div>
   );
 }
diff --git a/community/events.page.tsx b/community/events.page.tsx
index 86f85183d8..4ad1e68f95 100644
--- a/community/events.page.tsx
+++ b/community/events.page.tsx
@@ -1364,179 +1364,306 @@ export default function Events() {
   
   return (
     <div className="landing page-events">
-      <div>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="orange waves"
-            src={require("../static/img/backgrounds/events-orange.svg")}
-            id="events-orange"
-          />
+      <section className="text-center py-26">
+        <div className="mx-auto text-center col-lg-5">
+          <div className="d-flex flex-column-reverse">
+            <h1 className="mb-0">
+              {translate("Find the XRPL Community Around the World")}
+            </h1>
+            <h6 className="mb-3 eyebrow">{translate("Events")}</h6>
+          </div>
         </div>
-        <section className="text-center py-26">
-          <div className="mx-auto text-center col-lg-5">
+      </section>
+      <section className="container-new py-26">
+        <div className="event-hero card-grid card-grid-2xN">
+          <div className="pe-2 col">
+            <img
+              alt="xrp ledger events hero"
+              src={require("../static/img/events/xrp-community-night.png")}
+              className="w-100"
+            />
+          </div>
+          <div className="pt-5 pe-2 col">
             <div className="d-flex flex-column-reverse">
-              <h1 className="mb-0">
-                {translate("Find the XRPL Community Around the World")}
-              </h1>
-              <h6 className="mb-3 eyebrow">{translate("Events")}</h6>
+              <h2 className="mb-8 h4 h2-sm">
+                {translate("XRP Community Night NYC")}
+              </h2>
+              <h6 className="mb-3 eyebrow">{translate("Save the Date")}</h6>
             </div>
-          </div>
-        </section>
-        <section className="container-new py-26">
-          <div className="event-hero card-grid card-grid-2xN">
-            <div className="pe-2 col">
-              <img
-                alt="xrp ledger events hero"
-                src={require("../static/img/events/xrp-community-night.png")}
-                className="w-100"
-              />
-            </div>
-            <div className="pt-5 pe-2 col">
-              <div className="d-flex flex-column-reverse">
-                <h2 className="mb-8 h4 h2-sm">
-                  {translate("XRP Community Night NYC")}
-                </h2>
-                <h6 className="mb-3 eyebrow">{translate("Save the Date")}</h6>
-              </div>
-              <p className="mb-4">
-                {translate(
-                  "Join the XRP community in NYC—meet builders, users, and projects innovating on the XRP Ledger."
-                )}
-              </p>
-              <div className=" my-3 event-small-gray">
-                {translate("Location: New York, NY")}
-              </div>
-              <div className="py-2 my-3 event-small-gray">
-                {translate("November 5, 2025")}
-              </div>
-              <div className="d-lg-block">
-                <a
-                  className="btn btn-primary btn-arrow-out"
-                  target="_blank"
-                  href="https://lu.ma/g5uja58m?utm_source=xrpleventspage"
-                >
-                  {translate("Register Now")}
-                </a>
-              </div>
-            </div>
-          </div>
-        </section>
-        {/* Upcoming Events */}
-        <section className="container-new py-26" id="upcoming-events">
-          <div className="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
-            <h3 className="h4 h2-sm">
+            <p className="mb-4">
               {translate(
-                "Check out meetups, hackathons, and other events hosted by the XRPL Community"
+                "Join the XRP community in NYC—meet builders, users, and projects innovating on the XRP Ledger."
               )}
-            </h3>
-            <h6 className="mb-3 eyebrow">{translate("Upcoming Events")}</h6>
-          </div>
-          <div className="filter row col-12 mt-lg-5 d-flex flex-column">
-            <h6 className="mb-3">{translate("Filter By:")}</h6>
-            <div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="conference"
-                  id="conference-upcoming"
-                  name="conference-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.conference}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="conference-upcoming">
-                  {translate("Conference")}
-                </label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="meetup"
-                  id="meetup-upcoming"
-                  name="meetup-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.meetup}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="meetup-upcoming">{translate("Meetups")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="hackathon"
-                  id="hackathon-upcoming"
-                  name="hackathon-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.hackathon}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="hackathon-upcoming">
-                  {translate("Hackathons")}
-                </label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="ama"
-                  id="ama-upcoming"
-                  name="ama-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.ama}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="ama-upcoming">{translate("AMAs")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="cc"
-                  id="cc-upcoming"
-                  name="cc-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.cc}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="cc-upcoming">
-                  {translate("Community Calls")}
-                </label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="zone"
-                  id="zone-upcoming"
-                  name="zone-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters.zone}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="zone-upcoming">{translate("XRPL Zone")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="info"
-                  id="info-upcoming"
-                  name="info-upcoming"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={upcomingFilters["info"]}
-                  onChange={handleUpcomingFilterChange}
-                />
-                <label htmlFor="info-upcoming">
-                  {translate("Info Session")}
-                </label>
-              </div>
+            </p>
+            <div className=" my-3 event-small-gray">
+              {translate("Location: New York, NY")}
+            </div>
+            <div className="py-2 my-3 event-small-gray">
+              {translate("November 5, 2025")}
+            </div>
+            <div className="d-lg-block">
+              <a
+                className="btn btn-primary btn-arrow-out"
+                target="_blank"
+                href="https://lu.ma/g5uja58m?utm_source=xrpleventspage"
+              >
+                {translate("Register Now")}
+              </a>
             </div>
           </div>
-          {/* # Available Types - conference, hackathon, ama, cc, zone, meetup, info  */}
-          <div className="row row-cols-1 row-cols-lg-3 g-4 mt-2">
-            {filteredUpcoming.map((event, i) => (
-              <div key={event.name + i} className="col">
-                <a
-                  className={`event-card ${event.type} h-100`}
-                  href={event.link}
-                  target="_blank"
-                >
+        </div>
+      </section>
+      {/* Upcoming Events */}
+      <section className="container-new py-26" id="upcoming-events">
+        <div className="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
+          <h3 className="h4 h2-sm">
+            {translate(
+              "Check out meetups, hackathons, and other events hosted by the XRPL Community"
+            )}
+          </h3>
+          <h6 className="mb-3 eyebrow">{translate("Upcoming Events")}</h6>
+        </div>
+        <div className="filter row col-12 mt-lg-5 d-flex flex-column">
+          <h6 className="mb-3">{translate("Filter By:")}</h6>
+          <div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="conference"
+                id="conference-upcoming"
+                name="conference-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.conference}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="conference-upcoming">
+                {translate("Conference")}
+              </label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="meetup"
+                id="meetup-upcoming"
+                name="meetup-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.meetup}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="meetup-upcoming">{translate("Meetups")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="hackathon"
+                id="hackathon-upcoming"
+                name="hackathon-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.hackathon}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="hackathon-upcoming">
+                {translate("Hackathons")}
+              </label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="ama"
+                id="ama-upcoming"
+                name="ama-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.ama}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="ama-upcoming">{translate("AMAs")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="cc"
+                id="cc-upcoming"
+                name="cc-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.cc}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="cc-upcoming">
+                {translate("Community Calls")}
+              </label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="zone"
+                id="zone-upcoming"
+                name="zone-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters.zone}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="zone-upcoming">{translate("XRPL Zone")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="info"
+                id="info-upcoming"
+                name="info-upcoming"
+                type="checkbox"
+                className="events-filter"
+                checked={upcomingFilters["info"]}
+                onChange={handleUpcomingFilterChange}
+              />
+              <label htmlFor="info-upcoming">
+                {translate("Info Session")}
+              </label>
+            </div>
+          </div>
+        </div>
+        {/* # Available Types - conference, hackathon, ama, cc, zone, meetup, info  */}
+        <div className="row row-cols-1 row-cols-lg-3 g-4 mt-2">
+          {filteredUpcoming.map((event, i) => (
+            <div key={event.name + i} className="col">
+              <a
+                className={`event-card ${event.type} h-100`}
+                href={event.link}
+                target="_blank"
+              >
+              <div
+                className="event-card-header"
+                style={{
+                  background: `url(${event.image}) no-repeat`,
+                }}
+              >
+                <div className="event-card-title">
+                  {translate(event.name)}
+                </div>
+              </div>
+              <div className="event-card-body">
+                <p>{translate(event.description)}</p>
+              </div>
+              <div className="mt-lg-auto event-card-footer d-flex flex-column">
+                <span className="mb-2 d-flex icon icon-location">
+                  {event.location}
+                </span>
+                <span className="d-flex icon icon-date">{event.date}</span>
+              </div>
+            </a>
+          </div>
+          ))}
+        </div>
+      </section>
+      {/* Past Events */}
+      <section className="container-new pt-26" id="past-events">
+        <div className="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
+          <h3 className="h4 h2-sm">
+            {translate("Explore past community-hosted events")}
+          </h3>
+          <h6 className="mb-3 eyebrow">{translate("Past Events")}</h6>
+        </div>
+        <div className="filter row col-12 mt-lg-5 d-flex flex-column">
+          <h6 className="mb-3">{translate("Filter By:")}</h6>
+          <div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="conference"
+                id="conference-past"
+                name="conference-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.conference}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="conference-past">
+                {translate("Conference")}
+              </label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="meetup"
+                id="meetup-past"
+                name="meetup-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.meetup}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="meetup-past">{translate("Meetups")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="hackathon"
+                id="hackathon-past"
+                name="hackathon-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.hackathon}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="hackathon-past">
+                {translate("Hackathons")}
+              </label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="ama"
+                id="ama-past"
+                name="ama-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.ama}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="ama-past">{translate("AMAs")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="cc"
+                id="cc-past"
+                name="cc-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.cc}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="cc-past">{translate("Community Calls")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="zone"
+                id="zone-past"
+                name="zone-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters.zone}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="zone-past">{translate("XRPL Zone")}</label>
+            </div>
+            <div className="form-check form-check-inline">
+              <input
+                defaultValue="info"
+                id="info-past"
+                name="info-past"
+                type="checkbox"
+                className="events-filter"
+                checked={pastFilters["info"]}
+                onChange={handlePastFilterChange}
+              />
+              <label htmlFor="info-past">
+                {translate("Info Session")}
+              </label>
+            </div>
+          </div>
+        </div>
+        <div className="row row-cols-1 row-cols-lg-3 g-4 mt-2 mb-0">
+          {filteredPast.map((event, i) => (
+            <div key={event.name + i} className="col">
+              <a
+                className={`event-card ${event.type} h-100`}
+                href={event.link}
+                target="_blank"
+              >
                 <div
                   className="event-card-header"
                   style={{
@@ -1554,149 +1681,13 @@ export default function Events() {
                   <span className="mb-2 d-flex icon icon-location">
                     {event.location}
                   </span>
-                  <span className="d-flex icon icon-date">{event.date}</span>
-                </div>
-              </a>
+                <span className="d-flex icon icon-date">{event.date}</span>
+              </div>
+            </a>
             </div>
-            ))}
-          </div>
-        </section>
-        {/* Past Events */}
-        <section className="container-new pt-26" id="past-events">
-          <div className="p-0 pb-2 mb-4 d-flex flex-column-reverse col-lg-6 pr-lg-5">
-            <h3 className="h4 h2-sm">
-              {translate("Explore past community-hosted events")}
-            </h3>
-            <h6 className="mb-3 eyebrow">{translate("Past Events")}</h6>
-          </div>
-          <div className="filter row col-12 mt-lg-5 d-flex flex-column">
-            <h6 className="mb-3">{translate("Filter By:")}</h6>
-            <div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="conference"
-                  id="conference-past"
-                  name="conference-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.conference}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="conference-past">
-                  {translate("Conference")}
-                </label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="meetup"
-                  id="meetup-past"
-                  name="meetup-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.meetup}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="meetup-past">{translate("Meetups")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="hackathon"
-                  id="hackathon-past"
-                  name="hackathon-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.hackathon}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="hackathon-past">
-                  {translate("Hackathons")}
-                </label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="ama"
-                  id="ama-past"
-                  name="ama-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.ama}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="ama-past">{translate("AMAs")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="cc"
-                  id="cc-past"
-                  name="cc-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.cc}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="cc-past">{translate("Community Calls")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="zone"
-                  id="zone-past"
-                  name="zone-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters.zone}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="zone-past">{translate("XRPL Zone")}</label>
-              </div>
-              <div className="form-check form-check-inline">
-                <input
-                  defaultValue="info"
-                  id="info-past"
-                  name="info-past"
-                  type="checkbox"
-                  className="events-filter"
-                  checked={pastFilters["info"]}
-                  onChange={handlePastFilterChange}
-                />
-                <label htmlFor="info-past">
-                  {translate("Info Session")}
-                </label>
-              </div>
-            </div>
-          </div>
-          <div className="row row-cols-1 row-cols-lg-3 g-4 mt-2 mb-0">
-            {filteredPast.map((event, i) => (
-              <div key={event.name + i} className="col">
-                <a
-                  className={`event-card ${event.type} h-100`}
-                  href={event.link}
-                  target="_blank"
-                >
-                  <div
-                    className="event-card-header"
-                    style={{
-                      background: `url(${event.image}) no-repeat`,
-                    }}
-                  >
-                    <div className="event-card-title">
-                      {translate(event.name)}
-                    </div>
-                  </div>
-                  <div className="event-card-body">
-                    <p>{translate(event.description)}</p>
-                  </div>
-                  <div className="mt-lg-auto event-card-footer d-flex flex-column">
-                    <span className="mb-2 d-flex icon icon-location">
-                      {event.location}
-                    </span>
-                  <span className="d-flex icon icon-date">{event.date}</span>
-                </div>
-              </a>
-              </div>
-            ))}
-          </div>
-        </section>
-      </div>
+          ))}
+        </div>
+      </section>
     </div>
   );
 }
diff --git a/docs/index.page.tsx b/docs/index.page.tsx
index 7632e5e6d8..56cc48ccbb 100644
--- a/docs/index.page.tsx
+++ b/docs/index.page.tsx
@@ -396,8 +396,6 @@ export default function Docs() {
             </div>
             <div className="col">
               <div className="card cta-card p-8-sm p-10-until-sm br-8">
-                <img src={require('../static/img/backgrounds/cta-home-purple.svg')} className="d-none-sm cta cta-top-left" />
-                <img src={require('../static/img/backgrounds/cta-home-green.svg')} className="cta cta-bottom-right" />
                 <div className="z-index-1 position-relative">
                   <h2 className="h4 mb-8-sm mb-10-until-sm">{translate('Get Free Test XRP')}</h2>
                   <p className="mb-10">
diff --git a/docs/use-cases/tokenization/real-world-assets.page.tsx b/docs/use-cases/tokenization/real-world-assets.page.tsx
index 3c69f8941b..7f3e77c40a 100644
--- a/docs/use-cases/tokenization/real-world-assets.page.tsx
+++ b/docs/use-cases/tokenization/real-world-assets.page.tsx
@@ -401,13 +401,6 @@ function TokenHeroSection() {
   const { translate } = useTranslate();
   return (
     <section className="token-hero-section">
-      <div className="position-relative d-none-sm">
-        <img
-          alt="orange waves"
-          src={require("./../../../static/img/backgrounds/events-orange.svg")}
-          id="events-orange"
-        />
-      </div>
       <div className="token-title-container">
         <h1 className="token-title">
           {translate("Real-World Asset (RWA) Tokenization")}
diff --git a/index.page.tsx b/index.page.tsx
index b9d9d19e82..98b40bd184 100644
--- a/index.page.tsx
+++ b/index.page.tsx
@@ -129,10 +129,6 @@ export default function Index() {
             </Link>
           </div>
         </section>
-        <div className="position-relative d-none-sm">
-          <img src={require('./static/img/backgrounds/home-purple.svg')} id="home-purple" loading="lazy" />
-          <img src={require('./static/img/backgrounds/home-green.svg')} id="home-green" loading="lazy" />
-        </div>
         <section className="container-new py-26">
           <div className="col-lg-6 offset-lg-3 pl-0-sm pr-0-sm p-8-sm p-10-until-sm">
             <h2 className="h4 mb-8 h2-sm">{translate('The XRP Ledger: The Blockchain Built for Business')}</h2>
@@ -194,8 +190,6 @@ export default function Index() {
         </section>
         <section className="container-new py-26">
           <div className="col-lg-6 offset-lg-3 p-6-sm p-10-until-sm br-8 cta-card">
-            <img src={require('./static/img/backgrounds/cta-home-purple.svg')} className="d-none-sm cta cta-top-left" />
-            <img src={require('./static/img/backgrounds/cta-home-green.svg')} className="cta cta-bottom-right" />
             <div className="z-index-1 position-relative">
               <h2 className="h4 mb-8-sm mb-10-until-sm">{translate('Our Shared Vision for XRPL’s Future')}</h2>
               <p className="mb-10">
@@ -232,7 +226,6 @@ export default function Index() {
         </section>
         <section className="container-new py-26">
           <div className="col-md-6 offset-md-3 p-8-sm p-10-until-sm br-8 cta-card">
-            <img alt="" src={require('./static/img/backgrounds/cta-home-magenta.svg')} className="cta cta-bottom-right" />
             <div className="z-index-1 position-relative">
               <div className="d-flex flex-column-reverse">
                 <h2 className="h4 mb-8-sm mb-10-until-sm">
diff --git a/package-lock.json b/package-lock.json
index 8f625e9cc3..3b84c7c1d3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,9 +30,14 @@
         "xrpl": "^4.2.5"
       },
       "devDependencies": {
+        "@fullhuman/postcss-purgecss": "^7.0.2",
+        "autoprefixer": "^10.4.21",
         "bootstrap": "^5.3.3",
+        "cssnano": "^7.1.1",
         "htmltojsx": "^0.3.0",
-        "sass": "1.26.10"
+        "postcss": "^8.5.6",
+        "postcss-cli": "^11.0.1",
+        "sass": "^1.93.2"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -1106,6 +1111,19 @@
       "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
       "license": "MIT"
     },
+    "node_modules/@fullhuman/postcss-purgecss": {
+      "version": "7.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@fullhuman/postcss-purgecss/-/postcss-purgecss-7.0.2.tgz",
+      "integrity": "sha512-U4zAXNaVztbDxO9EdcLp51F3UxxYsb/7DN89rFxFJhfk2Wua2pvw2Kf3HdspbPhW/wpHjSjsxWYoIlbTgRSjbQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "purgecss": "^7.0.2"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
     "node_modules/@isaacs/balanced-match": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
@@ -1127,6 +1145,109 @@
         "node": "20 || >=22"
       }
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1679,6 +1800,316 @@
         "node": ">=14"
       }
     },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@popperjs/core": {
       "version": "2.11.8",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
@@ -3218,6 +3649,44 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "license": "MIT"
     },
+    "node_modules/autoprefixer": {
+      "version": "10.4.21",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/autoprefixer/-/autoprefixer-10.4.21.tgz",
+      "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.24.4",
+        "caniuse-lite": "^1.0.30001702",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -3370,6 +3839,13 @@
       "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
       "license": "MIT"
     },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/bootstrap": {
       "version": "5.3.8",
       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
@@ -3540,6 +4016,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001751",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001751.tgz",
@@ -3699,6 +4188,13 @@
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
       "license": "MIT"
     },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/colorette": {
       "version": "2.0.20",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
@@ -3727,6 +4223,16 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -3788,6 +4294,21 @@
       "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
       "license": "MIT"
     },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/crypto-js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
@@ -3803,6 +4324,36 @@
         "node": ">=4"
       }
     },
+    "node_modules/css-declaration-sorter": {
+      "version": "7.3.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/css-declaration-sorter/-/css-declaration-sorter-7.3.0.tgz",
+      "integrity": "sha512-LQF6N/3vkAMYF4xoHLJfG718HRJh34Z8BnNhd6bosOMIVjMlhuZK5++oZa3uYAgrI5+7x2o27gUqTR2U/KjUOQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
     "node_modules/css-to-react-native": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
@@ -3814,6 +4365,161 @@
         "postcss-value-parser": "^4.0.2"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/css-tree/-/css-tree-3.1.0.tgz",
+      "integrity": "sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.12.2",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssnano": {
+      "version": "7.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/cssnano/-/cssnano-7.1.1.tgz",
+      "integrity": "sha512-fm4D8ti0dQmFPeF8DXSAA//btEmqCOgAc/9Oa3C1LW94h5usNrJEfrON7b4FkPZgnDEn6OUs5NdxiJZmAtGOpQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-preset-default": "^7.0.9",
+        "lilconfig": "^3.1.3"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "7.0.9",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/cssnano-preset-default/-/cssnano-preset-default-7.0.9.tgz",
+      "integrity": "sha512-tCD6AAFgYBOVpMBX41KjbvRh9c2uUjLXRyV7KHSIrwHiq5Z9o0TFfUCoM3TwVrRsRteN3sVXGNvjVNxYzkpTsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "css-declaration-sorter": "^7.2.0",
+        "cssnano-utils": "^5.0.1",
+        "postcss-calc": "^10.1.1",
+        "postcss-colormin": "^7.0.4",
+        "postcss-convert-values": "^7.0.7",
+        "postcss-discard-comments": "^7.0.4",
+        "postcss-discard-duplicates": "^7.0.2",
+        "postcss-discard-empty": "^7.0.1",
+        "postcss-discard-overridden": "^7.0.1",
+        "postcss-merge-longhand": "^7.0.5",
+        "postcss-merge-rules": "^7.0.6",
+        "postcss-minify-font-values": "^7.0.1",
+        "postcss-minify-gradients": "^7.0.1",
+        "postcss-minify-params": "^7.0.4",
+        "postcss-minify-selectors": "^7.0.5",
+        "postcss-normalize-charset": "^7.0.1",
+        "postcss-normalize-display-values": "^7.0.1",
+        "postcss-normalize-positions": "^7.0.1",
+        "postcss-normalize-repeat-style": "^7.0.1",
+        "postcss-normalize-string": "^7.0.1",
+        "postcss-normalize-timing-functions": "^7.0.1",
+        "postcss-normalize-unicode": "^7.0.4",
+        "postcss-normalize-url": "^7.0.1",
+        "postcss-normalize-whitespace": "^7.0.1",
+        "postcss-ordered-values": "^7.0.2",
+        "postcss-reduce-initial": "^7.0.4",
+        "postcss-reduce-transforms": "^7.0.1",
+        "postcss-svgo": "^7.1.0",
+        "postcss-unique-selectors": "^7.0.4"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/cssnano-utils": {
+      "version": "5.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/cssnano-utils/-/cssnano-utils-5.0.1.tgz",
+      "integrity": "sha512-ZIP71eQgG9JwjVZsTPSqhc6GHgEr53uJ7tK5///VfyWj6Xp2DBmixWHqJgPno+PqATzn48pL42ww9x5SSGmhZg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/cssom": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
@@ -3927,6 +4633,16 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/dependency-graph": {
+      "version": "1.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/dependency-graph/-/dependency-graph-1.0.0.tgz",
+      "integrity": "sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -3945,6 +4661,20 @@
         "url": "https://github.com/wojtekmaj/detect-element-overflow?sponsor=1"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/devlop": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
@@ -4078,6 +4808,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/ecc-jsbn": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
@@ -4505,6 +5242,23 @@
       "integrity": "sha512-k6GAGDyqLe9JaebCsFCoudPPWfihKu8pylYXRlqP1J7ms39iPoTtk2fviNglIeQEwdh0bQeKJ01ZPyuyQvKzwg==",
       "license": "MIT"
     },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
@@ -4542,6 +5296,35 @@
         "node": ">=12.20.0"
       }
     },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "11.3.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/fs-extra/-/fs-extra-11.3.2.tgz",
+      "integrity": "sha512-Xr9F6z6up6Ws+NjzMCZc6WXg2YFRlrLP9NQDO3VQrWrfiojdhS56TzueT88ze0uBdCTwEIhQ3ptnmKeWGFAe0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -4657,6 +5440,30 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "node_modules/glob": {
+      "version": "11.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/glob/-/glob-11.0.3.tgz",
+      "integrity": "sha512-2Nim7dha1KVkaiF4q6Dj+ngPPMdfvLJEOpZk/jKiUAkqKebpGAWQXAq9z1xu9HKu5lWfqw/FASuccEjyznjPaA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.3.1",
+        "jackspeak": "^4.1.1",
+        "minimatch": "^10.0.3",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^2.0.0"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -4669,6 +5476,22 @@
         "node": ">= 6"
       }
     },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "10.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/minimatch/-/minimatch-10.0.3.tgz",
+      "integrity": "sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@isaacs/brace-expansion": "^5.0.0"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/goober": {
       "version": "2.1.18",
       "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
@@ -5167,6 +5990,13 @@
       "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
       "license": "MIT"
     },
+    "node_modules/immutable": {
+      "version": "5.1.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/import-fresh": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
@@ -5410,6 +6240,13 @@
       "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
       "license": "MIT"
     },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/isstream": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
@@ -5417,6 +6254,22 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jackspeak": {
+      "version": "4.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/jackspeak/-/jackspeak-4.1.1.tgz",
+      "integrity": "sha512-zptv57P3GpL+O0I7VdMJNBZCu+BPHVQUk55Ft8/QCJjTVxrnJHuVuX/0Bl2A6/+2oyR/ZMEuFKwmzqqZ/U5nPQ==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/jotai": {
       "version": "2.15.0",
       "resolved": "https://registry.npmjs.org/jotai/-/jotai-2.15.0.tgz",
@@ -5662,6 +6515,19 @@
       "integrity": "sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==",
       "license": "MIT"
     },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/jsprim": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
@@ -5727,6 +6593,19 @@
         "immediate": "~3.0.5"
       }
     },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -5782,12 +6661,26 @@
       "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
       "license": "MIT"
     },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lodash.throttle": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
       "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
       "license": "MIT"
     },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/loglevel": {
       "version": "1.9.2",
       "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
@@ -5916,6 +6809,13 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.12.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/mdn-data/-/mdn-data-2.12.2.tgz",
+      "integrity": "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/mem": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/mem/-/mem-8.1.1.tgz",
@@ -6027,6 +6927,21 @@
       ],
       "license": "MIT"
     },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -6078,6 +6993,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/module-details-from-path": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/module-details-from-path/-/module-details-from-path-1.0.4.tgz",
@@ -6154,6 +7079,14 @@
         "node": "^18 || >=20"
       }
     },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/node-domexception": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
@@ -6251,12 +7184,35 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/nprogress": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/nprogress/-/nprogress-0.2.0.tgz",
       "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==",
       "license": "MIT"
     },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
     "node_modules/number-is-nan": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
@@ -6425,6 +7381,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0"
+    },
     "node_modules/pako": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
@@ -6486,12 +7449,49 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "license": "MIT"
     },
+    "node_modules/path-scurry": {
+      "version": "2.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/path-scurry/-/path-scurry-2.0.0.tgz",
+      "integrity": "sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^11.0.0",
+        "minipass": "^7.1.2"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "11.2.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/lru-cache/-/lru-cache-11.2.2.tgz",
+      "integrity": "sha512-F9ODfyqML2coTIsQpSkRHnLSZMtkU8Q+mSfcaIyKwy58u+8k5nvAYeiNhsyMARvzNcXJ9QfWVrcPsC9e9rAxtg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -6593,12 +7593,631 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "10.1.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-calc/-/postcss-calc-10.1.1.tgz",
+      "integrity": "sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^7.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12 || ^20.9 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.38"
+      }
+    },
+    "node_modules/postcss-cli": {
+      "version": "11.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-cli/-/postcss-cli-11.0.1.tgz",
+      "integrity": "sha512-0UnkNPSayHKRe/tc2YGW6XnSqqOA9eqpiRMgRlV1S6HdGi16vwJBx7lviARzbV1HpQHqLLRH3o8vTcB0cLc+5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.3.0",
+        "dependency-graph": "^1.0.0",
+        "fs-extra": "^11.0.0",
+        "picocolors": "^1.0.0",
+        "postcss-load-config": "^5.0.0",
+        "postcss-reporter": "^7.0.0",
+        "pretty-hrtime": "^1.0.3",
+        "read-cache": "^1.0.0",
+        "slash": "^5.0.0",
+        "tinyglobby": "^0.2.12",
+        "yargs": "^17.0.0"
+      },
+      "bin": {
+        "postcss": "index.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-colormin": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-colormin/-/postcss-colormin-7.0.4.tgz",
+      "integrity": "sha512-ziQuVzQZBROpKpfeDwmrG+Vvlr0YWmY/ZAk99XD+mGEBuEojoFekL41NCsdhyNUtZI7DPOoIWIR7vQQK9xwluw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.3",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "7.0.7",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-convert-values/-/postcss-convert-values-7.0.7.tgz",
+      "integrity": "sha512-HR9DZLN04Xbe6xugRH6lS4ZQH2zm/bFh/ZyRkpedZozhvh+awAfbA0P36InO4fZfDhvYfNJeNvlTf1sjwGbw/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-discard-comments/-/postcss-discard-comments-7.0.4.tgz",
+      "integrity": "sha512-6tCUoql/ipWwKtVP/xYiFf1U9QgJ0PUvxN7pTcsQ8Ns3Fnwq1pU5D5s1MhT/XySeLq6GXNvn37U46Ded0TckWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^7.1.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "7.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-discard-duplicates/-/postcss-discard-duplicates-7.0.2.tgz",
+      "integrity": "sha512-eTonaQvPZ/3i1ASDHOKkYwAybiM45zFIc7KXils4mQmHLqIswXD9XNOKEVxtTFnsmwYzF66u4LMgSr0abDlh5w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-discard-empty/-/postcss-discard-empty-7.0.1.tgz",
+      "integrity": "sha512-cFrJKZvcg/uxB6Ijr4l6qmn3pXQBna9zyrPC+sK0zjbkDUZew+6xDltSF7OeB7rAtzaaMVYSdbod+sZOCWnMOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-discard-overridden/-/postcss-discard-overridden-7.0.1.tgz",
+      "integrity": "sha512-7c3MMjjSZ/qYrx3uc1940GSOzN1Iqjtlqe8uoSg+qdVPYyRb0TILSqqmtlSFuE4mTDECwsm397Ya7iXGzfF7lg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "5.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-load-config/-/postcss-load-config-5.1.0.tgz",
+      "integrity": "sha512-G5AJ+IX0aD0dygOE0yFZQ/huFFMSNneyfp0e3/bT05a8OfPC5FUoZRPfGijUdGOJNMewJiwzcHJXFafFzeKFVA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1",
+        "yaml": "^2.4.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.8.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/yaml/-/yaml-2.8.1.tgz",
+      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "7.0.5",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-merge-longhand/-/postcss-merge-longhand-7.0.5.tgz",
+      "integrity": "sha512-Kpu5v4Ys6QI59FxmxtNB/iHUVDn9Y9sYw66D6+SZoIk4QTz1prC4aYkhIESu+ieG1iylod1f8MILMs1Em3mmIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^7.0.5"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "7.0.6",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-merge-rules/-/postcss-merge-rules-7.0.6.tgz",
+      "integrity": "sha512-2jIPT4Tzs8K87tvgCpSukRQ2jjd+hH6Bb8rEEOUDmmhOeTcqDg5fEFK8uKIu+Pvc3//sm3Uu6FRqfyv7YF7+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^5.0.1",
+        "postcss-selector-parser": "^7.1.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-minify-font-values/-/postcss-minify-font-values-7.0.1.tgz",
+      "integrity": "sha512-2m1uiuJeTplll+tq4ENOQSzB8LRnSUChBv7oSyFLsJRtUgAAJGP6LLz0/8lkinTgxrmJSPOEhgY1bMXOQ4ZXhQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-minify-gradients/-/postcss-minify-gradients-7.0.1.tgz",
+      "integrity": "sha512-X9JjaysZJwlqNkJbUDgOclyG3jZEpAMOfof6PUZjPnPrePnPG62pS17CjdM32uT1Uq1jFvNSff9l7kNbmMSL2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colord": "^2.9.3",
+        "cssnano-utils": "^5.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-minify-params/-/postcss-minify-params-7.0.4.tgz",
+      "integrity": "sha512-3OqqUddfH8c2e7M35W6zIwv7jssM/3miF9cbCSb1iJiWvtguQjlxZGIHK9JRmc8XAKmE2PFGtHSM7g/VcW97sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "cssnano-utils": "^5.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "7.0.5",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-minify-selectors/-/postcss-minify-selectors-7.0.5.tgz",
+      "integrity": "sha512-x2/IvofHcdIrAm9Q+p06ZD1h6FPcQ32WtCRVodJLDR+WMn8EVHI1kvLxZuGKz/9EY5nAmI6lIQIrpo4tBy5+ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "postcss-selector-parser": "^7.1.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-charset/-/postcss-normalize-charset-7.0.1.tgz",
+      "integrity": "sha512-sn413ofhSQHlZFae//m9FTOfkmiZ+YQXsbosqOWRiVQncU2BA3daX3n0VF3cG6rGLSFVc5Di/yns0dFfh8NFgQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-display-values/-/postcss-normalize-display-values-7.0.1.tgz",
+      "integrity": "sha512-E5nnB26XjSYz/mGITm6JgiDpAbVuAkzXwLzRZtts19jHDUBFxZ0BkXAehy0uimrOjYJbocby4FVswA/5noOxrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-positions/-/postcss-normalize-positions-7.0.1.tgz",
+      "integrity": "sha512-pB/SzrIP2l50ZIYu+yQZyMNmnAcwyYb9R1fVWPRxm4zcUFCY2ign7rcntGFuMXDdd9L2pPNUgoODDk91PzRZuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-7.0.1.tgz",
+      "integrity": "sha512-NsSQJ8zj8TIDiF0ig44Byo3Jk9e4gNt9x2VIlJudnQQ5DhWAHJPF4Tr1ITwyHio2BUi/I6Iv0HRO7beHYOloYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-string/-/postcss-normalize-string-7.0.1.tgz",
+      "integrity": "sha512-QByrI7hAhsoze992kpbMlJSbZ8FuCEc1OT9EFbZ6HldXNpsdpZr+YXC5di3UEv0+jeZlHbZcoCADgb7a+lPmmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-7.0.1.tgz",
+      "integrity": "sha512-bHifyuuSNdKKsnNJ0s8fmfLMlvsQwYVxIoUBnowIVl2ZAdrkYQNGVB4RxjfpvkMjipqvbz0u7feBZybkl/6NJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-unicode/-/postcss-normalize-unicode-7.0.4.tgz",
+      "integrity": "sha512-LvIURTi1sQoZqj8mEIE8R15yvM+OhbR1avynMtI9bUzj5gGKR/gfZFd8O7VMj0QgJaIFzxDwxGl/ASMYAkqO8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-url/-/postcss-normalize-url-7.0.1.tgz",
+      "integrity": "sha512-sUcD2cWtyK1AOL/82Fwy1aIVm/wwj5SdZkgZ3QiUzSzQQofrbq15jWJ3BA7Z+yVRwamCjJgZJN0I9IS7c6tgeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-normalize-whitespace/-/postcss-normalize-whitespace-7.0.1.tgz",
+      "integrity": "sha512-vsbgFHMFQrJBJKrUFJNZ2pgBeBkC2IvvoHjz1to0/0Xk7sII24T0qFOiJzG6Fu3zJoq/0yI4rKWi7WhApW+EFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "7.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-ordered-values/-/postcss-ordered-values-7.0.2.tgz",
+      "integrity": "sha512-AMJjt1ECBffF7CEON/Y0rekRLS6KsePU6PRP08UqYW4UGFRnTXNrByUzYK1h8AC7UWTZdQ9O3Oq9kFIhm0SFEw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssnano-utils": "^5.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-reduce-initial/-/postcss-reduce-initial-7.0.4.tgz",
+      "integrity": "sha512-rdIC9IlMBn7zJo6puim58Xd++0HdbvHeHaPgXsimMfG1ijC5A9ULvNLSE0rUKVJOvNMcwewW4Ga21ngyJjY/+Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "7.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-reduce-transforms/-/postcss-reduce-transforms-7.0.1.tgz",
+      "integrity": "sha512-MhyEbfrm+Mlp/36hvZ9mT9DaO7dbncU0CvWI8V93LRkY6IYlu38OPg3FObnuKTUxJ4qA8HpurdQOo5CyqqO76g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-reporter": {
+      "version": "7.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-reporter/-/postcss-reporter-7.1.0.tgz",
+      "integrity": "sha512-/eoEylGWyy6/DOiMP5lmFRdmDKThqgn7D6hP2dXKJI/0rJSO1ADFNngZfDzxL0YAxFvws+Rtpuji1YIHj4mySA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "thenby": "^1.3.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-selector-parser/-/postcss-selector-parser-7.1.0.tgz",
+      "integrity": "sha512-8sLjZwK0R+JlxlYcTuVnyT2v+htpdrjDOKuMcOVdYjt52Lh8hWRYpxBPoKx/Zg+bcjc3wx6fmQevMmUztS/ccA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "7.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-svgo/-/postcss-svgo-7.1.0.tgz",
+      "integrity": "sha512-KnAlfmhtoLz6IuU3Sij2ycusNs4jPW+QoFE5kuuUOK8awR6tMxZQrs5Ey3BUz7nFCzT3eqyFgqkyrHiaU2xx3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^4.0.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >= 18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "7.0.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-unique-selectors/-/postcss-unique-selectors-7.0.4.tgz",
+      "integrity": "sha512-pmlZjsmEAG7cHd7uK3ZiNSW6otSZ13RHuZ/4cDN/bVglS5EpF2r2oxY99SuOHa8m7AWoBCelTS3JPpzsIs8skQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^7.1.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "license": "MIT"
     },
+    "node_modules/postcss/node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/pretty-hrtime": {
+      "version": "1.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "integrity": "sha512-66hKPCr+72mlfiSjlEB1+45IjXSqvVAIy6mocupoww4tBFE9R9IhwwUGoI4G++Tc9Aq+2rxOt0RFU6gPcrte0A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -6694,6 +8313,36 @@
         "node": ">=6"
       }
     },
+    "node_modules/purgecss": {
+      "version": "7.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/purgecss/-/purgecss-7.0.2.tgz",
+      "integrity": "sha512-4Ku8KoxNhOWi9X1XJ73XY5fv+I+hhTRedKpGs/2gaBKU8ijUiIKF/uyyIyh7Wo713bELSICF5/NswjcuOqYouQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^12.1.0",
+        "glob": "^11.0.0",
+        "postcss": "^8.4.47",
+        "postcss-selector-parser": "^6.1.2"
+      },
+      "bin": {
+        "purgecss": "bin/purgecss.js"
+      }
+    },
+    "node_modules/purgecss/node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/qs": {
       "version": "6.5.3",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
@@ -7166,6 +8815,16 @@
         "react-dom": ">=16"
       }
     },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
     "node_modules/read-pkg": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -7469,19 +9128,54 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.26.10",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.10.tgz",
-      "integrity": "sha512-bzN0uvmzfsTvjz0qwccN1sPm2HxxpNI/Xa+7PlUEMS+nQvbyuEK7Y0qFqxlPHhiNHb1Ze8WQJtU31olMObkAMw==",
+      "version": "1.93.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/sass/-/sass-1.93.2.tgz",
+      "integrity": "sha512-t+YPtOQHpGW1QWsh1CHQ5cPIr9lbbGZLZnbihP/D/qZj/yuV68m8qarcV17nvkOX81BCrvzAlq2klCQFZghyTg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "chokidar": ">=2.0.0 <4.0.0"
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
       },
       "bin": {
         "sass": "sass.js"
       },
       "engines": {
-        "node": ">=8.9.0"
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
       }
     },
     "node_modules/sax": {
@@ -7577,6 +9271,29 @@
       "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
       "license": "MIT"
     },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/shiki": {
       "version": "1.24.4",
       "resolved": "https://registry.npmjs.org/shiki/-/shiki-1.24.4.tgz",
@@ -7785,6 +9502,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/simple-git": {
       "version": "3.20.0",
       "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.20.0.tgz",
@@ -7825,6 +9555,19 @@
       "integrity": "sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==",
       "license": "MIT"
     },
+    "node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/slugify": {
       "version": "1.6.6",
       "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.6.tgz",
@@ -7855,6 +9598,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -7982,6 +9735,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/stringify-entities": {
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
@@ -8022,6 +9791,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
@@ -8120,6 +9903,23 @@
         "object-assign": "^4.1.1"
       }
     },
+    "node_modules/stylehacks": {
+      "version": "7.0.6",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/stylehacks/-/stylehacks-7.0.6.tgz",
+      "integrity": "sha512-iitguKivmsueOmTO0wmxURXBP8uqOO+zikLGZ7Mm9e/94R4w5T999Js2taS/KBOnQ/wdC3jN3vNSrkGDrlnqQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.25.1",
+        "postcss-selector-parser": "^7.1.0"
+      },
+      "engines": {
+        "node": "^18.12.0 || ^20.9.0 || >=22.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.32"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
@@ -8150,6 +9950,42 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svgo": {
+      "version": "4.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/svgo/-/svgo-4.0.0.tgz",
+      "integrity": "sha512-VvrHQ+9uniE+Mvx3+C9IEe/lWasXCU0nXMY2kZeLrHNICuRiC8uMPyM14UEaMOFA5mhyQqEkB02VoQ16n3DLaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commander": "^11.1.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^3.0.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.1.1",
+        "sax": "^1.4.1"
+      },
+      "bin": {
+        "svgo": "bin/svgo.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
     "node_modules/swagger2openapi": {
       "version": "7.0.8",
       "resolved": "https://registry.npmjs.org/swagger2openapi/-/swagger2openapi-7.0.8.tgz",
@@ -8204,6 +10040,61 @@
       "dev": true,
       "license": "MPLv2.0"
     },
+    "node_modules/thenby": {
+      "version": "1.3.4",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/thenby/-/thenby-1.3.4.tgz",
+      "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.3",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -8451,6 +10342,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
@@ -8774,6 +10675,22 @@
         "webidl-conversions": "^3.0.0"
       }
     },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/which-typed-array": {
       "version": "1.1.19",
       "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
@@ -8831,6 +10748,25 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://artifactory.ops.ripple.com/artifactory/api/npm/ripple-npm/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/ws": {
       "version": "8.18.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
diff --git a/postcss.config.cjs b/postcss.config.cjs
index 9b87cc041f..c1371671e9 100644
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@@ -60,6 +60,8 @@ module.exports = {
                 'open',
                 'collapsed',
                 'collapsing',
+                'lang-ja', // Japanese language class
+                /^lang-/, // All language classes
                 // Common Bootstrap utility patterns that should always be kept
                 /^container/, // All container classes
                 /^row$/, // Row class
diff --git a/redocly.yaml b/redocly.yaml
index 58f7660bf9..e2a4e88672 100644
--- a/redocly.yaml
+++ b/redocly.yaml
@@ -61,11 +61,7 @@ scripts:
     - src: ./static/js/osano.js
       type: text/javascript
 links:
-  - href: https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap
-    rel: stylesheet
-  - href: https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,600,700&display=swap
-    rel: stylesheet
-  - href: https://fonts.googleapis.com/css?family=Space+Grotesk:300,400,600,700&display=swap
+  - href: https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&family=Noto+Serif:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap
     rel: stylesheet
   - href: ./static/css/devportal2024-v1.css
     rel: stylesheet
diff --git a/resources/code-samples.page.tsx b/resources/code-samples.page.tsx
index 84889daf9c..820a509235 100644
--- a/resources/code-samples.page.tsx
+++ b/resources/code-samples.page.tsx
@@ -40,13 +40,6 @@ export default function CodeSamples() {
             {/* <a className="mt-12 btn btn-primary btn-arrow">Submit Code Samples</a> */}
           </div>
         </section>
-        <div className="position-relative d-none-sm">
-          <img
-            alt="orange waves"
-            src={require('../static/img/backgrounds/xrpl-overview-orange.svg')}
-            id="xrpl-overview-orange"
-          />
-        </div>
         <section className="container-new py-26">
           <div className="d-flex flex-column col-sm-8 p-0">
             <h3 className="h4 h2-sm">
diff --git a/resources/dev-tools/index.page.tsx b/resources/dev-tools/index.page.tsx
index a133cd583f..90561c2c86 100644
--- a/resources/dev-tools/index.page.tsx
+++ b/resources/dev-tools/index.page.tsx
@@ -278,16 +278,6 @@ export default function DevTools() {
         </section>
         <section className="container-new py-10 px-0">
           <div className="col-lg-12 p-6-sm p-10-until-sm br-8 cta-card">
-            <img
-              alt="purple waves"
-              src={require("../../static/img/backgrounds/cta-home-purple.svg")}
-              className="d-none-sm cta cta-top-left"
-            />
-            <img
-              alt="green waves"
-              src={require("../../static/img/backgrounds/cta-home-green.svg")}
-              className="cta cta-bottom-right"
-            />
             <div className="z-index-1 position-relative">
               <h2 className="h4 mb-8-sm mb-10-until-sm">
                 {translate("Have an Idea For a Tool?")}
diff --git a/static/css/devportal2024-v1.css b/static/css/devportal2024-v1.css
index c1741dcc47..9926dc6948 100644
--- a/static/css/devportal2024-v1.css
+++ b/static/css/devportal2024-v1.css
@@ -178,8 +178,8 @@
   --bs-dark-border-subtle: #838386;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: "Booton", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  --bs-font-monospace: "Tobias", monospace;
+  --bs-font-sans-serif: "Booton", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --bs-font-monospace: "Tobias", "Noto Serif", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
   --bs-body-font-size: 1rem;
@@ -10147,14 +10147,17 @@ p {
 
 /* Japanese language font override ------------------------------------------ */
 .lang-ja {
-  font-family: "Work Sans", "Noto Sans JP", sans-serif;
+  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
 }
 .lang-ja h1, .lang-ja .h1, .lang-ja h2, .lang-ja .h2, .lang-ja h3, .lang-ja .h3, .lang-ja h4, .lang-ja .h4, .lang-ja h5, .lang-ja .h5,
 .lang-ja .navbar .navbar-nav .nav-link,
 .lang-ja article .children-display li a,
 .lang-ja .right-sidebar .level-1 a,
 .lang-ja .right-sidebar .separator {
-  font-family: "Work Sans", "Noto Sans JP", sans-serif;
+  font-family: "Noto Sans", "Noto Sans JP", sans-serif;
+}
+.lang-ja pre, .lang-ja code {
+  font-family: "Noto Serif", "Noto Serif JP", monospace;
 }
 
 .search .input-group-text {
@@ -11434,7 +11437,7 @@ aside .active-parent > a {
 }
 
 .stat-highlight {
-  color: #078139;
+  color: #0DAA3E;
 }
 
 /* ETC */
@@ -12266,7 +12269,6 @@ html.light .bitgo {
 }
 
 .section-text-title {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
@@ -12277,7 +12279,6 @@ html.light .bitgo {
 
 .section-text-description {
   max-width: 320px;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -12290,7 +12291,6 @@ html.light .bitgo {
   position: relative;
   top: 17px;
   left: 50px;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
@@ -12311,7 +12311,6 @@ html.light .bitgo {
 }
 
 .explore-projects {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
@@ -12468,7 +12467,6 @@ html.light .bitgo {
 }
 
 .circle-text {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 700;
   white-space: nowrap;
@@ -12501,7 +12499,6 @@ html.light .bitgo {
   display: block;
   width: 100%;
   text-align: left;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 32px;
@@ -12539,7 +12536,6 @@ html.light .apps-built {
   position: relative;
   top: 17px;
   left: 50px;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
@@ -12550,7 +12546,6 @@ html.light .colorful-join-text {
   display: block;
   width: 100%;
   text-align: left;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 32px;
@@ -12586,7 +12581,6 @@ html.light .colorful-join-text {
 }
 
 .pill-number {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 22.1452px;
@@ -13166,7 +13160,6 @@ body,
 }
 .use-case-payments .payments-project-card .project-description .rest-text {
   color: var(--XRPL-Primary-White, #FFF);
-  font-family: "Work Sans";
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
@@ -13967,9 +13960,15 @@ article h1:first-of-type:before, article .h1:first-of-type:before {
   height: 0;
   background: #32E685 !important;
   padding: 7px 35px;
-  font-family: "Space Grotesk";
+  font-family: "Tobias", "Noto Serif", monospace;
   z-index: 10;
   cursor: pointer;
+  color: #000000 !important;
+  text-align: center;
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: -0.32px;
 }
 .web-banner:hover {
   text-decoration: none;
@@ -13979,15 +13978,6 @@ article h1:first-of-type:before, article .h1:first-of-type:before {
   animation: iconJitter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
   transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
 }
-.web-banner {
-  color: #000000 !important;
-  text-align: center;
-  font-family: "Space Grotesk";
-  font-size: 26px;
-  font-style: normal;
-  font-weight: 600;
-  letter-spacing: -0.32px;
-}
 .web-banner::after {
   content: "";
   position: absolute;
@@ -14122,12 +14112,6 @@ article h1:first-of-type:before, article .h1:first-of-type:before {
 [data-component-name="Markdown/Markdown"] article {
   padding-bottom: 50px;
 }
-[data-component-name="Markdown/Markdown"] article p code,
-[data-component-name="Markdown/Markdown"] article table code,
-[data-component-name="Markdown/Markdown"] article li > code {
-  background-color: #078139;
-  color: #0DAA3E;
-}
 [data-component-name="Markdown/Markdown"] article a {
   text-decoration: underline;
 }
@@ -14388,7 +14372,7 @@ pre code {
 .codehilite .sr,
 .codehilite .ss,
 .codehilite .sx {
-  color: #0DAA3E;
+  color: #70EE97;
 }
 .codehilite {
   background: transparent;
@@ -14645,10 +14629,10 @@ html:not(.light) article svg[fill=none] linearGradient stop[stop-color="#29a1da"
   stop-color: #21E46B;
 }
 html:not(.light) article svg[fill=none] linearGradient stop[stop-color="#2789b9"] {
-  stop-color: #0DAA3E;
+  stop-color: #70EE97;
 }
 html:not(.light) article svg[fill=none] linearGradient stop[stop-color="#6bc1ec"] {
-  stop-color: #70EE97;
+  stop-color: #EAFCF1;
 }
 html:not(.light) article svg[fill=none] linearGradient stop[stop-color="#8ad6f4"] {
   stop-color: #21E46B;
@@ -14824,14 +14808,6 @@ html.light svg[fill=none] linearGradient stop[stop-color="#C1C1C2"] {
 [data-component-name="Footer/Footer"] {
   padding: 7.5rem 2rem;
 }
-@media (min-width: 992px) {
-  [data-component-name="Footer/Footer"] {
-    background-image: url(../img/backgrounds/footer.svg);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: bottom right;
-  }
-}
 @media (max-width: 767.98px) {
   [data-component-name="Footer/Footer"] .col-lg:not(:first-child) {
     margin-top: 4rem;
@@ -15423,6 +15399,8 @@ main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(9) .card-fo
   text-decoration: underline;
 }
 .landing section:first-of-type h1:first-child, .landing section:first-of-type .h1:first-child {
+  font-family: "Tobias", "Noto Serif", monospace;
+  font-weight: 400;
   margin-top: 0;
   line-height: 1.2;
 }
@@ -15742,34 +15720,34 @@ html.light .label.label-accounts:hover .badge-pill, html.light .label.label-paym
 }
 .label.label-blockchain, .label.label-xrp, .label.label-ブロックチェーン, .label.label-non-fungible-tokens-nfts, .label.label-use-nfts, .label.blog-category-release_notes, .label.blog-category-features, .label.chip-green {
   background-color: #078139;
-  color: #21E46B;
+  color: #70EE97;
 }
 .label.label-blockchain .badge-pill, .label.label-xrp .badge-pill, .label.label-ブロックチェーン .badge-pill, .label.label-non-fungible-tokens-nfts .badge-pill, .label.label-use-nfts .badge-pill, .label.blog-category-release_notes .badge-pill, .label.blog-category-features .badge-pill, .label.chip-green .badge-pill {
-  background-color: #21E46B;
+  background-color: #70EE97;
   color: #078139;
 }
 .label.label-blockchain:hover, .label.label-xrp:hover, .label.label-ブロックチェーン:hover, .label.label-non-fungible-tokens-nfts:hover, .label.label-use-nfts:hover, .label.blog-category-release_notes:hover, .label.blog-category-features:hover, .label.chip-green:hover {
   background-color: #0DAA3E;
-  color: #70EE97;
+  color: #EAFCF1;
 }
 .label.label-blockchain:hover .badge-pill, .label.label-xrp:hover .badge-pill, .label.label-ブロックチェーン:hover .badge-pill, .label.label-non-fungible-tokens-nfts:hover .badge-pill, .label.label-use-nfts:hover .badge-pill, .label.blog-category-release_notes:hover .badge-pill, .label.blog-category-features:hover .badge-pill, .label.chip-green:hover .badge-pill {
-  background-color: #70EE97;
+  background-color: #EAFCF1;
   color: #0DAA3E;
 }
 html.light .label.label-blockchain, html.light .label.label-xrp, html.light .label.label-ブロックチェーン, html.light .label.label-non-fungible-tokens-nfts, html.light .label.label-use-nfts, html.light .label.blog-category-release_notes, html.light .label.blog-category-features, html.light .label.chip-green {
-  background-color: #70EE97;
+  background-color: #EAFCF1;
   color: #078139;
 }
 html.light .label.label-blockchain .badge-pill, html.light .label.label-xrp .badge-pill, html.light .label.label-ブロックチェーン .badge-pill, html.light .label.label-non-fungible-tokens-nfts .badge-pill, html.light .label.label-use-nfts .badge-pill, html.light .label.blog-category-release_notes .badge-pill, html.light .label.blog-category-features .badge-pill, html.light .label.chip-green .badge-pill {
-  color: #70EE97;
+  color: #EAFCF1;
   background-color: #078139;
 }
 html.light .label.label-blockchain:hover, html.light .label.label-xrp:hover, html.light .label.label-ブロックチェーン:hover, html.light .label.label-non-fungible-tokens-nfts:hover, html.light .label.label-use-nfts:hover, html.light .label.blog-category-release_notes:hover, html.light .label.blog-category-features:hover, html.light .label.chip-green:hover {
-  background-color: #21E46B;
+  background-color: #70EE97;
   color: #000000;
 }
 html.light .label.label-blockchain:hover .badge-pill, html.light .label.label-xrp:hover .badge-pill, html.light .label.label-ブロックチェーン:hover .badge-pill, html.light .label.label-non-fungible-tokens-nfts:hover .badge-pill, html.light .label.label-use-nfts:hover .badge-pill, html.light .label.blog-category-release_notes:hover .badge-pill, html.light .label.blog-category-features:hover .badge-pill, html.light .label.chip-green:hover .badge-pill {
-  color: #21E46B;
+  color: #70EE97;
   background-color: #000000;
 }
 .label.label-checks, .label.label-core-server, .label.label-コアサーバ, .label.label-use-interoperability, .label.label-use-web_monetization, .label.blog-category-gateway_bulletins, .label.chip-purple {
@@ -16091,18 +16069,6 @@ html.light .label.label-fees:hover .badge-pill, html.light .label.label-payments
   }
 }
 /* HOME STYLINGS */
-#home-purple {
-  position: absolute;
-  left: 0;
-  top: -400px;
-}
-
-#home-green {
-  position: absolute;
-  right: -3px;
-  top: 60px;
-}
-
 .sidelinks:hover {
   color: #7649E3;
 }
@@ -17660,7 +17626,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .use-case-payments .token-title {
   color: var(--black-black-0-white, #FFF);
   text-align: center;
-  font-family: "Work Sans";
   font-size: 62px;
   font-style: normal;
   font-weight: 700;
@@ -17732,7 +17697,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-rwa-tokenization .token-video-container .token-video-text-container p,
 .use-case-payments .token-video-container .token-video-text-container p {
   color: var(--black-black-10-gray-200, #E0E0E1);
-  font-family: "Work Sans";
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
@@ -17804,7 +17768,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-rwa-tokenization .token-cards-container .cards-title-token,
 .use-case-payments .token-cards-container .cards-title-token {
   color: var(--black-black-0-white, #FFF);
-  font-family: "Work Sans";
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
@@ -17817,7 +17780,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   display: flex;
   flex-direction: column;
   align-items: center;
-  font-family: "Work Sans", sans-serif;
   overflow: hidden;
 }
 .page-rwa-tokenization .token-cards-container .section-title,
@@ -18064,7 +18026,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-rwa-tokenization .payments-integration-section .developer-tools,
 .use-case-payments .token-developer-tools-section .developer-tools,
 .use-case-payments .payments-integration-section .developer-tools {
-  font-family: "Work Sans", sans-serif;
   color: #fff;
 }
 .page-rwa-tokenization .token-developer-tools-section .developer-tools__header,
@@ -18184,7 +18145,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-rwa-tokenization .token-features-section .rwa-tokenization,
 .use-case-payments .token-features-section .rwa-tokenization {
-  font-family: "Work Sans", sans-serif;
   padding: 100px 40px;
   padding-top: 0px;
   color: #fff;
@@ -18742,7 +18702,7 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 
 .json-view {
-  font-family: "Tobias", monospace;
+  font-family: "Tobias", "Noto Serif", monospace;
   padding: 1em;
   background: #232325;
   overflow: hidden;
@@ -18789,7 +18749,7 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 
 .json-view--number {
-  color: #21E46B !important;
+  color: #70EE97 !important;
 }
 
 .json-view--string {
@@ -19320,7 +19280,7 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   color: var(--black-black-0, #FFF);
   text-align: center;
   /* Desktop / H1 */
-  font-family: Work Sans;
+  font-family: "Tobias", "Noto Serif", monospace;
   font-size: 62px;
   font-style: normal;
   font-weight: 700;
@@ -19384,7 +19344,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .eyebrow-convo {
   text-align: start;
-  font-family: Work Sans;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
@@ -19398,7 +19357,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-community #community-table h4, .page-community #community-table .h4 {
   text-align: start;
   margin: 10px 0;
-  font-family: Work Sans;
   font-size: 32px;
   font-style: normal;
   font-weight: 700;
@@ -19492,15 +19450,12 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   }
 }
 .page-community .funding-text {
-  color: var(#FFFFFF);
   /* Desktop/H6 */
-  font-family: Work Sans;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: 44px;
   padding-bottom: 4px;
-  /* 130% */
 }
 .page-community .xrpl-events-section {
   padding: 50px 40px;
@@ -19525,14 +19480,14 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   }
   .page-community .xrpl-events-section .header h6, .page-community .xrpl-events-section .header .h6 {
     margin-bottom: 0.5rem;
-    font-family: Work Sans;
+    font-family: "Tobias", "Noto Serif", monospace;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
   }
   .page-community .xrpl-events-section .header h4, .page-community .xrpl-events-section .header .h4 {
-    font-family: Work Sans;
+    font-family: "Tobias", "Noto Serif", monospace;
     font-size: 28px;
     font-style: normal;
     font-weight: 700;
@@ -19541,7 +19496,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   .page-community .xrpl-events-section .description {
     text-align: start;
     margin-top: 2rem;
-    font-family: Work Sans;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
@@ -19565,7 +19519,7 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .xrpl-events-section .header h6, .page-community .xrpl-events-section .header .h6 {
   padding-left: 1.5px;
-  font-family: "Work Sans", sans-serif;
+  font-family: "Tobias", "Noto Serif", monospace;
   font-size: 20px;
   font-weight: 700;
   color: var(--black-black-0, #FFF);
@@ -19573,13 +19527,12 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .xrpl-events-section .header h4, .page-community .xrpl-events-section .header .h4 {
   text-align: start;
-  font-family: "Work Sans", sans-serif;
+  font-family: "Tobias", "Noto Serif", monospace;
   font-size: 32px;
   font-weight: 700;
   color: var(--black-black-0, #FFF);
 }
 .page-community .xrpl-events-section .description {
-  font-family: "Work Sans", sans-serif;
   font-size: 20px;
   font-weight: 500;
   max-width: 444px;
@@ -19597,7 +19550,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-community .xrpl-events-section .upcoming-event .upcoming-label {
   position: relative;
   top: 7px;
-  font-family: "Work Sans", sans-serif;
   font-size: 12px;
   font-weight: 600;
   text-transform: uppercase;
@@ -19627,14 +19579,13 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   display: inline-block;
 }
 .page-community .xrpl-events-section .upcoming-event h5, .page-community .xrpl-events-section .upcoming-event .h5 {
-  font-family: "Work Sans", sans-serif;
+  font-family: "Tobias", "Noto Serif", monospace;
   font-size: 16px;
   font-weight: 700;
   color: var(--black-black-10, #F5F5F7);
 }
 .page-community .xrpl-events-section .upcoming-event .event-details,
 .page-community .xrpl-events-section .upcoming-event .event-location {
-  font-family: "Work Sans", sans-serif;
   font-size: 12px;
   font-weight: 600;
   color: var(--black-black-30, #C1C1C2);
@@ -19656,7 +19607,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .small-text {
   color: var(--black-black-30, #C1C1C2);
-  font-family: Work Sans;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
@@ -19852,7 +19802,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .event-info span {
   color: #FFF;
-  font-family: Work Sans;
   font-size: 12px;
   font-style: normal;
   font-weight: 600;
@@ -19861,7 +19810,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-community .event-info .name {
   padding-bottom: 5px;
   color: var(--black-black-10, #F5F5F7);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
@@ -19935,7 +19883,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 .page-community .spotlight-title,
 .page-community .project-title {
   color: var(--black-black-10, #F5F5F7);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
@@ -19944,7 +19891,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .spotlight-subtitle {
   color: var(--black-black-10, #F5F5F7);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
@@ -19953,7 +19899,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .project-description {
   color: var(--black-black-30, #C1C1C2);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
@@ -19970,7 +19915,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .view-project {
   color: var(--blue-purple-blue-purple-50, #7919FF);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
@@ -20118,8 +20062,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   margin-bottom: 0px !important;
   color: var(--black-black-0-white, #FFF);
   white-space: nowrap;
-  /* Desktop/H6 */
-  font-family: Work Sans;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
@@ -20128,7 +20070,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .bottom-cards-section .com-card .card-content .card-subtitle {
   color: var(--black-black-0, #FFF);
-  font-family: Work Sans;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
@@ -20138,7 +20079,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 .page-community .bottom-cards-section .com-card .card-content .card-description {
   color: var(--black-black-20, #E0E0E1);
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
@@ -20159,7 +20099,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
   text-decoration: none;
   cursor: pointer;
   color: #9A52FF;
-  font-family: Work Sans;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
@@ -20346,7 +20285,6 @@ html.light .page-dev-tools #trasaction-sender .card-footer {
 }
 
 .faded-text {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 15.5667px;
diff --git a/styles/_code-tabs.scss b/styles/_code-tabs.scss
index 174034d564..9b1a8606c8 100644
--- a/styles/_code-tabs.scss
+++ b/styles/_code-tabs.scss
@@ -197,7 +197,7 @@ pre {
   .ss, // string, symbol
   .sx // string, other
   {
-    color: $green-400;
+    color: $green-200;
   }
 
   .vc, // variable, class
diff --git a/styles/_content.scss b/styles/_content.scss
index 267382d48b..3f89ee7504 100644
--- a/styles/_content.scss
+++ b/styles/_content.scss
@@ -3,13 +3,6 @@
 [data-component-name="Markdown/Markdown"] article {
   padding-bottom: 50px;
 
-  p code,
-  table code,
-  li > code {
-    background-color: $green-500;
-    color: $green-400;
-  }
-
   a {
     text-decoration: underline;
   }
diff --git a/styles/_contribute.scss b/styles/_contribute.scss
index eb35d53927..1f085def05 100644
--- a/styles/_contribute.scss
+++ b/styles/_contribute.scss
@@ -108,7 +108,7 @@
         text-align: center;
 
         /* Desktop / H1 */
-        font-family: Work Sans;
+        font-family: $font-family-monospace;
         font-size: 62px;
         font-style: normal;
         font-weight: 700;
@@ -178,7 +178,6 @@
 
     .eyebrow-convo {
         text-align: start;
-        font-family: Work Sans;
         font-size: 20px;
         font-style: normal;
         font-weight: 700;
@@ -194,7 +193,6 @@
     #community-table h4 {
         text-align: start;
         margin: 10px 0;
-        font-family: Work Sans;
         font-size: 32px;
         font-style: normal;
         font-weight: 700;
@@ -312,15 +310,12 @@
     }
 
     .funding-text {
-        color: var($white);
         /* Desktop/H6 */
-        font-family: Work Sans;
         font-size: 20px;
         font-style: normal;
         font-weight: 700;
         line-height: 44px;
         padding-bottom: 4px;
-        /* 130% */
     }
 
     .xrpl-events-section {
@@ -348,7 +343,7 @@
 
                 h6 {
                     margin-bottom: 0.5rem;
-                    font-family: Work Sans;
+                    font-family: $font-family-monospace;
                     font-size: 20px;
                     font-style: normal;
                     font-weight: 700;
@@ -356,7 +351,7 @@
                 }
 
                 h4 {
-                    font-family: Work Sans;
+                    font-family: $font-family-monospace;
                     font-size: 28px;
                     font-style: normal;
                     font-weight: 700;
@@ -367,7 +362,6 @@
             .description {
                 text-align: start;
                 margin-top: 2rem;
-                font-family: Work Sans;
                 font-size: 24px;
                 font-style: normal;
                 font-weight: 500;
@@ -397,7 +391,7 @@
         .header {
             h6 {
                 padding-left: 1.5px;
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                 font-size: 20px;
                 font-weight: 700;
                 color: var(--black-black-0, #FFF);
@@ -406,7 +400,7 @@
 
             h4 {
                 text-align: start;
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                 font-size: 32px;
                 font-weight: 700;
                 color: var(--black-black-0, #FFF);
@@ -414,7 +408,6 @@
         }
 
         .description {
-            font-family: 'Work Sans', sans-serif;
             font-size: 20px;
             font-weight: 500;
             max-width: 444px;
@@ -434,7 +427,6 @@
             .upcoming-label {
                 position: relative;
                 top: 7px;
-                font-family: 'Work Sans', sans-serif;
                 font-size: 12px;
                 font-weight: 600;
                 text-transform: uppercase;
@@ -468,7 +460,7 @@
             }
 
             h5 {
-                font-family: 'Work Sans', sans-serif;
+                font-family: $font-family-monospace;
                 font-size: 16px;
                 font-weight: 700;
                 color: var(--black-black-10, #F5F5F7);
@@ -476,7 +468,6 @@
 
             .event-details,
             .event-location {
-                font-family: 'Work Sans', sans-serif;
                 font-size: 12px;
                 font-weight: 600;
                 color: var(--black-black-30, #C1C1C2);
@@ -503,7 +494,6 @@
 
     .small-text {
         color: var(--black-black-30, #C1C1C2);
-        font-family: Work Sans;
         font-size: 12px;
         font-style: normal;
         font-weight: 600;
@@ -711,7 +701,6 @@
         }
         span {
             color: #FFF;
-            font-family: Work Sans;
             font-size: 12px;
             font-style: normal;
             font-weight: 600;
@@ -721,7 +710,6 @@
         .name {
             padding-bottom: 5px;
             color: var(--black-black-10, #F5F5F7);
-            font-family: Work Sans;
             font-size: 16px;
             font-style: normal;
             font-weight: 700;
@@ -811,7 +799,6 @@
     .spotlight-title,
     .project-title {
         color: var(--black-black-10, #F5F5F7);
-        font-family: Work Sans;
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
@@ -821,7 +808,6 @@
 
     .spotlight-subtitle {
         color: var(--black-black-10, #F5F5F7);
-        font-family: Work Sans;
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
@@ -832,7 +818,6 @@
 
     .project-description {
         color: var(--black-black-30, #C1C1C2);
-        font-family: Work Sans;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
@@ -851,7 +836,6 @@
 
     .view-project {
         color: var(--blue-purple-blue-purple-50, #7919FF);
-        font-family: Work Sans;
         font-size: 16px;
         font-style: normal;
         font-weight: 400;
@@ -1012,8 +996,6 @@
                     margin-bottom: 0px !important;
                     color: var(--black-black-0-white, #FFF);
                     white-space: nowrap;
-                    /* Desktop/H6 */
-                    font-family: Work Sans;
                     font-size: 20px;
                     font-style: normal;
                     font-weight: 700;
@@ -1023,7 +1005,6 @@
 
                 .card-subtitle {
                     color: var(--black-black-0, #FFF);
-                    font-family: Work Sans;
                     font-size: 24px;
                     font-style: normal;
                     font-weight: 700;
@@ -1034,7 +1015,6 @@
 
                 .card-description {
                     color: var(--black-black-20, #E0E0E1);
-                    font-family: Work Sans;
                     font-size: 16px;
                     font-style: normal;
                     font-weight: 400;
@@ -1057,7 +1037,6 @@
                     text-decoration: none;
                     cursor: pointer;
                     color: #9A52FF;
-                    font-family: Work Sans;
                     font-size: 16px;
                     font-style: normal;
                     font-weight: 600;
diff --git a/styles/_diagrams.scss b/styles/_diagrams.scss
index c3d7304273..a19ce9468c 100644
--- a/styles/_diagrams.scss
+++ b/styles/_diagrams.scss
@@ -210,12 +210,12 @@ html:not(.light) article {
         stop-color: $green-300;
       }
       stop[stop-color="#2789b9"] {
-        stop-color: $green-400;
+        stop-color: $green-200;
       }
 
       // Primary Blue Top gradient: change to green
       stop[stop-color="#6bc1ec"] {
-        stop-color: $green-200;
+        stop-color: $green-100;
       }
       stop[stop-color="#8ad6f4"] {
         stop-color: $green-300;
diff --git a/styles/_docs-landing.scss b/styles/_docs-landing.scss
index c7ec712f8d..78b72bbb39 100644
--- a/styles/_docs-landing.scss
+++ b/styles/_docs-landing.scss
@@ -101,7 +101,6 @@
 }
 
 .faded-text {
-  font-family: 'Work Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 15.5667px;
diff --git a/styles/_font.scss b/styles/_font.scss
index ac1462aa82..25224a2b7b 100644
--- a/styles/_font.scss
+++ b/styles/_font.scss
@@ -165,13 +165,16 @@ p {
 /* Japanese language font override ------------------------------------------ */
 
 .lang-ja {
-  font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
+  font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
   h1, h2, h3, h4, h5,
   .navbar .navbar-nav .nav-link,
   article .children-display li a,
   .right-sidebar .level-1 a,
   .right-sidebar .separator {
-    font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
+    font-family: 'Noto Sans', 'Noto Sans JP', sans-serif;
   }
 
+  pre, code {
+    font-family: 'Noto Serif', 'Noto Serif JP', monospace;
+  }
 }
diff --git a/styles/_footer.scss b/styles/_footer.scss
index 5525407260..392ea4e196 100644
--- a/styles/_footer.scss
+++ b/styles/_footer.scss
@@ -8,13 +8,6 @@
   }
   padding: 7.5rem 2rem;
 
-  @include media-breakpoint-up(lg) {
-    background-image: url(../img/backgrounds/footer.svg);
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: bottom right;
-  }
-
   @include media-breakpoint-down(md) {
     .col-lg:not(:first-child) {
       margin-top: 4rem;
diff --git a/styles/_helpers.scss b/styles/_helpers.scss
index 2eae630a9c..d6a45aee0b 100644
--- a/styles/_helpers.scss
+++ b/styles/_helpers.scss
@@ -462,7 +462,7 @@
 }
 
 .stat-highlight {
-  color: $green-500;
+  color: $green-400;
 }
 
 /* ETC */
diff --git a/styles/_landings.scss b/styles/_landings.scss
index 6569f62c3a..e129d5d696 100644
--- a/styles/_landings.scss
+++ b/styles/_landings.scss
@@ -24,6 +24,8 @@
   }
 
   section:first-of-type h1:first-child {
+    font-family: $font-family-monospace;
+    font-weight: 400;
     margin-top: 0;
     line-height: 1.2;
   }
diff --git a/styles/_pages.scss b/styles/_pages.scss
index 98a850323b..87050525d6 100644
--- a/styles/_pages.scss
+++ b/styles/_pages.scss
@@ -1,16 +1,4 @@
 /* HOME STYLINGS */
-#home-purple {
-  position: absolute;
-  left: 0;
-  top: -400px;
-}
-
-#home-green {
-  position: absolute;
-  right: -3px;
-  top: 60px;
-}
-
 .sidelinks {
   &:hover {
     color: $blue-purple-400;
@@ -1503,7 +1491,6 @@ html.light {
   .token-title {
     color: var(--black-black-0-white, #FFF);
     text-align: center;
-    font-family: "Work Sans";
     font-size: 62px;
     font-style: normal;
     font-weight: 700;
@@ -1563,7 +1550,6 @@ html.light {
 
       p {
         color: var(--black-black-10-gray-200, #E0E0E1);
-        font-family: "Work Sans";
         font-size: 24px;
         font-style: normal;
         font-weight: 400;
@@ -1631,7 +1617,6 @@ html.light {
 
     .cards-title-token {
       color: var(--black-black-0-white, #FFF);
-      font-family: "Work Sans";
       font-size: 32px;
       font-style: normal;
       font-weight: 700;
@@ -1644,7 +1629,6 @@ html.light {
       display: flex;
       flex-direction: column;
       align-items: center;
-      font-family: 'Work Sans', sans-serif;
       overflow: hidden;
     }
 
@@ -1861,7 +1845,6 @@ html.light {
 .token-developer-tools-section,
 .payments-integration-section {
   .developer-tools {
-    font-family: 'Work Sans', sans-serif;
     color: #fff;
   }
 
@@ -1953,7 +1936,6 @@ html.light {
 
 .token-features-section {
   .rwa-tokenization {
-    font-family: 'Work Sans', sans-serif;
     padding: 100px 40px;
     padding-top: 0px;
     color: #fff;
diff --git a/styles/_rpc-tool.scss b/styles/_rpc-tool.scss
index cd5bff777a..ca0c98b667 100644
--- a/styles/_rpc-tool.scss
+++ b/styles/_rpc-tool.scss
@@ -50,7 +50,7 @@
 }
 
 .json-view--number {
-  color: $green-300 !important;
+  color: $green-200 !important;
 }
 
 .json-view--string {
diff --git a/styles/_status-labels.scss b/styles/_status-labels.scss
index be793a493e..0d3b4ee111 100644
--- a/styles/_status-labels.scss
+++ b/styles/_status-labels.scss
@@ -130,32 +130,32 @@
 
   @mixin chip-green {
     background-color: $green-500;
-    color: $green-300;
+    color: $green-200;
     .badge-pill {
-      background-color: $green-300;
+      background-color: $green-200;
       color: $green-500;
     }
     &:hover {
       background-color: $green-400;
-      color: $green-200;
+      color: $green-100;
       .badge-pill {
-        background-color: $green-200;
+        background-color: $green-100;
         color: $green-400;
       }
     }
 
     html.light & {
-      background-color: $green-200;
+      background-color: $green-100;
       color: $green-500;
       .badge-pill {
-        color: $green-200;
+        color: $green-100;
         background-color: $green-500;
       }
       &:hover {
-        background-color: $green-300;
+        background-color: $green-200;
         color: $black;
         .badge-pill {
-          color: $green-300;
+          color: $green-200;
           background-color: $black;
         }
       }
diff --git a/styles/_top-banner.scss b/styles/_top-banner.scss
index 0cb8077b70..d24061af56 100644
--- a/styles/_top-banner.scss
+++ b/styles/_top-banner.scss
@@ -5,10 +5,16 @@
   height: $banner-height;
   background: #32E685 !important;
   padding: 7px 35px;
-  font-family: "Space Grotesk";
+  font-family: $font-family-monospace;
   z-index: 10;
   cursor: pointer;
-  
+  color: $black !important;
+  text-align: center;
+  font-size: 26px; // Further scaled down from 28px
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: -0.32px;
+
   &:hover {
     text-decoration: none;
     color: $white;
@@ -17,13 +23,6 @@
       transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
     }
   }
-  color: $black !important;
-  text-align: center;
-  font-family: "Space Grotesk";
-  font-size: 26px; // Further scaled down from 28px
-  font-style: normal;
-  font-weight: 600;
-  letter-spacing: -0.32px;
   // Pseudo-element for the fill animation
   &::after {
     content: "";
diff --git a/styles/_use-cases.scss b/styles/_use-cases.scss
index bdb331cecd..c541433a4f 100644
--- a/styles/_use-cases.scss
+++ b/styles/_use-cases.scss
@@ -253,7 +253,6 @@ html.light {
 }
 
 .section-text-title {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 500;
   font-size: 24px;
@@ -264,7 +263,6 @@ html.light {
 
 .section-text-description {
   max-width: 320px;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -277,7 +275,6 @@ html.light {
   position: relative;
   top: 17px;
   left: 50px;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
@@ -298,7 +295,6 @@ html.light {
 }
 
 .explore-projects {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 12px;
@@ -450,7 +446,6 @@ html.light {
 }
 
 .circle-text {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 700;
   white-space: nowrap;
@@ -484,7 +479,6 @@ html.light {
   display: block;
   width: 100%;
   text-align: left;
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 400;
   font-size: 32px;
@@ -533,7 +527,6 @@ html.light {
     position: relative;
     top: 17px;
     left: 50px;
-    font-family: "Work Sans";
     font-style: normal;
     font-weight: 600;
     font-size: 12px;
@@ -545,7 +538,6 @@ html.light {
     display: block;
     width: 100%;
     text-align: left;
-    font-family: "Work Sans";
     font-style: normal;
     font-weight: 400;
     font-size: 32px;
@@ -588,7 +580,6 @@ html.light {
 }
 
 .pill-number {
-  font-family: "Work Sans";
   font-style: normal;
   font-weight: 600;
   font-size: 22.1452px;
@@ -1219,7 +1210,6 @@ body,
     
     .rest-text {
       color: var(--XRPL-Primary-White, #FFF);
-      font-family: "Work Sans";
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
diff --git a/styles/xrpl.scss b/styles/xrpl.scss
index 048244e30d..e39ef89f1e 100644
--- a/styles/xrpl.scss
+++ b/styles/xrpl.scss
@@ -34,10 +34,8 @@ $input-btn-line-height: 1.25;
 $input-font-size: 1rem;
 
 // @import "_font-face.scss";
-$font-family-monospace: "Tobias", monospace;
-$font-family-sans-serif: "Booton", -apple-system, BlinkMacSystemFont,
-  "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
-  sans-serif;
+$font-family-monospace: "Tobias", "Noto Serif", monospace;
+$font-family-sans-serif: "Booton", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 $base-size: 16px;
 $line-height-base: 1.5;