diff --git a/app/deployments/[id]/DeploymentDetailClient.tsx b/app/deployments/[id]/DeploymentDetailClient.tsx
index f629a5f..50c11f8 100644
--- a/app/deployments/[id]/DeploymentDetailClient.tsx
+++ b/app/deployments/[id]/DeploymentDetailClient.tsx
@@ -145,10 +145,10 @@ function MintRedeemForm({
             value={amount}
             onChange={(e) => setAmount(e.target.value)}
             disabled={isPending || isConfirming}
-            className="w-full rounded-xl border border-[#e7dac4] bg-[#fafaf8] px-4 py-3 pr-20 text-sm text-[#1a1a1a] focus:outline-none focus:border-amber-400 focus:ring-2 focus:ring-amber-100 transition disabled:opacity-50"
+            className="w-full rounded-xl border border-[#e7dac4] bg-[#fafaf8] px-4 py-3 pr-16 sm:pr-20 text-sm text-[#1a1a1a] focus:outline-none focus:border-amber-400 focus:ring-2 focus:ring-amber-100 transition disabled:opacity-50"
             placeholder="0.00"
           />
-          <span className="absolute right-4 top-1/2 -translate-y-1/2 text-xs font-bold text-amber-500">
+          <span className="absolute right-3 sm:right-4 top-1/2 -translate-y-1/2 text-[10px] sm:text-xs font-bold text-amber-500 max-w-[4.5rem] truncate">
             {inputAsset}
           </span>
         </div>
@@ -156,13 +156,13 @@ function MintRedeemForm({
 
       {/* summary box */}
       <div className="rounded-xl border border-[#e7dac4] bg-[#fafaf8] px-4 py-3 space-y-2">
-        <div className="flex justify-between text-xs text-gray-400">
-          <span>{t("fee")}</span>
+        <div className="flex justify-between gap-3 text-xs text-gray-400">
+          <span className="flex-shrink-0">{t("fee")}</span>
           <span className="text-[#1a1a1a] font-medium">0.3%</span>
         </div>
-        <div className="border-t border-[#efe2c9] pt-2 flex justify-between text-sm font-bold">
-          <span className="text-[#1a1a1a]">{t("youReceive")}</span>
-          <span className="text-amber-500">
+        <div className="border-t border-[#efe2c9] pt-2 flex flex-wrap items-start justify-between gap-2 text-sm font-bold">
+          <span className="text-[#1a1a1a] flex-shrink-0">{t("youReceive")}</span>
+          <span className="text-amber-500 text-right break-words min-w-0">
             ~{estimateNum > 0 ? estimateNum.toLocaleString(undefined, { maximumFractionDigits: 6 }) : "0.00"} {outputToken}
           </span>
         </div>
@@ -230,29 +230,29 @@ function StableCoinCard({
   return (
     <div className="rounded-2xl border border-[#e7dac4] bg-white shadow-[0_4px_24px_rgba(15,23,42,0.07)] overflow-hidden flex flex-col">
       {/* header */}
-      <div className="px-6 pt-6 pb-4 text-center border-b border-[#f0ece4]">
+      <div className="px-4 sm:px-6 pt-5 sm:pt-6 pb-4 text-center border-b border-[#f0ece4]">
         <p className="text-sm font-black tracking-[0.15em] text-amber-500 mb-1 [font-variant:small-caps]">{tDetail("stablecoin")}</p>
-        <p className="text-3xl font-black text-[#1a1a1a]">{d.stablecoin}</p>
+        <p className="text-2xl sm:text-3xl font-black text-[#1a1a1a] break-words">{d.stablecoin}</p>
       </div>
 
       {/* stats row */}
       <div className="grid grid-cols-3 divide-x divide-[#f0ece4] border-b border-[#f0ece4]">
-        <div className="px-4 py-3 text-center">
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
           <p className="text-[10px] text-gray-400 mb-1">{tDetail("supply")}</p>
-          <p className="text-sm font-bold text-[#1a1a1a]">{d.stableSupply}</p>
+          <p className="text-xs sm:text-sm font-bold text-[#1a1a1a] break-words">{d.stableSupply}</p>
         </div>
-        <div className="px-4 py-3 text-center">
-          <p className="text-[10px] text-gray-400 mb-1">{tDetail("crashTolerance")}</p>
-          <p className="text-sm font-bold text-emerald-500">{crashTolerance}%</p>
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
+          <p className="text-[10px] text-gray-400 mb-1 leading-tight">{tDetail("crashTolerance")}</p>
+          <p className="text-xs sm:text-sm font-bold text-emerald-500">{crashTolerance}%</p>
         </div>
-        <div className="px-4 py-3 text-center">
-          <p className="text-[10px] text-gray-400 mb-1">{tDetail("reserveRatio")}</p>
-          <p className={`text-sm font-bold ${c.tc}`}>{d.reserveRatio}%</p>
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
+          <p className="text-[10px] text-gray-400 mb-1 leading-tight">{tDetail("reserveRatio")}</p>
+          <p className={`text-xs sm:text-sm font-bold ${c.tc}`}>{d.reserveRatio}%</p>
         </div>
       </div>
 
       {/* mint / redeem toggle */}
-      <div className="px-6 pt-5 flex-1 flex flex-col">
+      <div className="px-4 sm:px-6 pt-5 flex-1 flex flex-col">
         <div className="flex rounded-xl border border-[#e7dac4] overflow-hidden mb-1">
           <button
             onClick={() => setTab("mint")}
@@ -319,29 +319,29 @@ function EquityCoinCard({
   return (
     <div className="rounded-2xl border border-[#e7dac4] bg-white shadow-[0_4px_24px_rgba(15,23,42,0.07)] overflow-hidden flex flex-col">
       {/* header */}
-      <div className="px-6 pt-6 pb-4 text-center border-b border-[#f0ece4]">
+      <div className="px-4 sm:px-6 pt-5 sm:pt-6 pb-4 text-center border-b border-[#f0ece4]">
         <p className="text-sm font-black tracking-[0.15em] text-violet-500 mb-1 [font-variant:small-caps]">{tDetail("equityCoin")}</p>
-        <p className="text-3xl font-black text-[#1a1a1a]">{d.equityCoin}</p>
+        <p className="text-2xl sm:text-3xl font-black text-[#1a1a1a] break-words">{d.equityCoin}</p>
       </div>
 
       {/* stats row */}
       <div className="grid grid-cols-3 divide-x divide-[#f0ece4] border-b border-[#f0ece4]">
-        <div className="px-4 py-3 text-center">
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
           <p className="text-[10px] text-gray-400 mb-1">{tDetail("supply")}</p>
-          <p className="text-sm font-bold text-[#1a1a1a]">{d.equitySupply}</p>
+          <p className="text-xs sm:text-sm font-bold text-[#1a1a1a] break-words">{d.equitySupply}</p>
         </div>
-        <div className="px-4 py-3 text-center">
-          <p className="text-[10px] text-gray-400 mb-1">{tDetail("annualYield")}</p>
-          <p className="text-sm font-bold text-amber-500">{d.equityYield}%</p>
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
+          <p className="text-[10px] text-gray-400 mb-1 leading-tight">{tDetail("annualYield")}</p>
+          <p className="text-xs sm:text-sm font-bold text-amber-500">{d.equityYield}%</p>
         </div>
-        <div className="px-4 py-3 text-center">
+        <div className="px-2 sm:px-4 py-3 text-center min-w-0">
           <p className="text-[10px] text-gray-400 mb-1">{tDetail("leverage")}</p>
-          <p className="text-sm font-bold text-violet-500">{d.equityLeverage}</p>
+          <p className="text-xs sm:text-sm font-bold text-violet-500">{d.equityLeverage}</p>
         </div>
       </div>
 
       {/* mint / redeem toggle */}
-      <div className="px-6 pt-5 flex-1 flex flex-col">
+      <div className="px-4 sm:px-6 pt-5 flex-1 flex flex-col">
         <div className="flex rounded-xl border border-[#e7dac4] overflow-hidden mb-1">
           <button
             onClick={() => setTab("mint")}
@@ -451,18 +451,18 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
             {tDetail("back")}
           </Link>
           <div className="flex items-center justify-between flex-wrap gap-4">
-            <div className="flex items-center gap-3">
+            <div className="flex items-start sm:items-center gap-3 min-w-0">
               <div
-                className="h-11 w-11 rounded-full flex items-center justify-center text-white text-xs font-bold shadow-md"
+                className="h-11 w-11 rounded-full flex items-center justify-center text-white text-xs font-bold shadow-md flex-shrink-0"
                 style={{ background: d.chainColor }}
               >
                 {d.chainShort.slice(0, 3)}
               </div>
-              <div>
-                <h1 className="text-2xl md:text-3xl font-black text-[#1a1a1a] leading-tight">
+              <div className="min-w-0">
+                <h1 className="text-xl sm:text-2xl md:text-3xl font-black text-[#1a1a1a] leading-tight break-words">
                   {d.name}
                 </h1>
-                <p className="text-sm text-gray-400 mt-0.5">
+                <p className="text-sm text-gray-400 mt-0.5 break-words">
                   {tDetail("backedBy", { reserve: d.reserveAsset, peg: d.pegAsset, chain: d.chain })}
                 </p>
               </div>
@@ -470,7 +470,7 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
             <span
               className={`inline-flex items-center gap-1.5 text-xs font-semibold px-3 py-1.5 rounded-full border ${c.badgeBg} ${c.badgeBorder} ${d.chainTextColor}`}
             >
-              <span className={`h-2 w-2 rounded-full ${c.dotColor}`} />
+              <span className={`h-2 w-2 rounded-full flex-shrink-0 ${c.dotColor}`} />
               {c.label}
             </span>
           </div>
@@ -502,25 +502,25 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
 
           {/* ── BOTTOM: Deployment Health ── */}
           <div className="rounded-2xl border border-[#e7dac4] bg-white shadow-[0_4px_24px_rgba(15,23,42,0.07)] overflow-hidden">
-            <div className="px-6 py-4 border-b border-[#f0ece4]">
+            <div className="px-4 sm:px-6 py-4 border-b border-[#f0ece4]">
               <p className="text-[10px] font-black tracking-[0.2em] text-amber-500 uppercase">
                 {tDetail("health")}
               </p>
             </div>
-            <div className="px-6 py-6 grid sm:grid-cols-3 gap-8">
+            <div className="px-4 sm:px-6 py-6 grid sm:grid-cols-3 gap-6 sm:gap-8">
 
               {/* Total Reserve */}
-              <div>
+              <div className="min-w-0">
                 <p className="text-xs text-gray-400 mb-2">{tDetail("totalReserve")}</p>
-                <p className="text-3xl font-black text-[#1a1a1a]">{d.totalReserve}</p>
+                <p className="text-2xl sm:text-3xl font-black text-[#1a1a1a] break-words">{d.totalReserve}</p>
                 <p className="text-xs text-gray-400 mt-1">{tDetail("inReserve", { reserve: d.reserveAsset })}</p>
               </div>
 
               {/* Reserve Ratio slider */}
-              <div>
+              <div className="min-w-0">
                 <p className="text-xs text-gray-400 mb-2">{tDetail("reserveRatio")}</p>
-                <p className={`text-2xl font-black mb-3 ${c.tc}`}>
-                  {displayRatio}% <span className="text-base font-semibold text-gray-400">{tDetail("minSafe")}</span>
+                <p className={`text-xl sm:text-2xl font-black mb-3 ${c.tc}`}>
+                  {displayRatio}% <span className="text-sm sm:text-base font-semibold text-gray-400">{tDetail("minSafe")}</span>
                 </p>
                 <div className="h-2.5 w-full rounded-full bg-[#efe2c9] overflow-hidden">
                   <div
@@ -576,16 +576,16 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
       </main>
 
       {/* ── footer ── */}
-      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-6 pt-14 pb-4">
+      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-4 sm:px-6 pt-14 pb-4">
         <div className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-amber-300 to-transparent opacity-80" />
         <div className="pointer-events-none absolute -left-16 bottom-0 h-40 w-40 rounded-full bg-amber-200/30 blur-3xl" />
         <div className="pointer-events-none absolute right-0 top-10 h-44 w-44 rounded-full bg-orange-200/30 blur-3xl" />
         <div className="relative mx-auto max-w-5xl px-2 pt-4 pb-0 md:px-6">
-          <div className="grid gap-10 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
-            <div className="max-w-sm flex flex-col items-start">
+          <div className="grid gap-10 sm:grid-cols-2 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
+            <div className="max-w-sm flex flex-col items-start sm:col-span-2 md:col-span-1">
               <div className="flex flex-col items-center text-center">
                 <div className="logo-hover-wrap mb-4 flex flex-col items-center gap-3 text-slate-900">
-                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" />
+                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" style={{ width: "auto" }} />
                   <span className="text-2xl font-black tracking-[0.04em] bg-gradient-to-b from-[#c38b44] to-[#7e4420] bg-clip-text text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] leading-none">TECTONIC</span>
                 </div>
                 <p className="max-w-xs text-sm leading-6 text-slate-600">{tFooter("desc")}</p>
@@ -617,10 +617,10 @@ export default function DeploymentDetailClient({ id }: { id: string }) {
           </div>
           </div>
 
-        <div className="mt-16 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 pt-6 w-full">
+        <div className="relative mx-auto mt-16 flex max-w-5xl flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 px-2 pt-6 md:px-6 w-full">
           <p className="text-sm text-slate-600 text-center md:text-left">{tFooter("rights")}</p>
           <a href="https://stability.nexus/" target="_blank" rel="noopener noreferrer" className="inline-block hover:opacity-90 transition-opacity">
-            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-12 rounded-lg" unoptimized />
+            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-10 sm:h-12 rounded-lg" unoptimized />
           </a>
         </div>
       </footer>
diff --git a/app/deployments/page.tsx b/app/deployments/page.tsx
index 0870bcf..8a222b0 100644
--- a/app/deployments/page.tsx
+++ b/app/deployments/page.tsx
@@ -45,9 +45,9 @@ function SiteCard({ children, className = "" }: { children: React.ReactNode; cla
 function StatusBadge({ status }: { status: RatioStatus }) {
   const c = statusCfg(status);
   return (
-    <span className={`inline-flex items-center gap-1.5 text-[11px] font-semibold px-2.5 py-0.5 rounded-full border ${c.badgeBg} ${c.badgeBorder} ${c.badgeText}`}>
+    <span className={`inline-flex items-center gap-1.5 text-[10px] sm:text-[11px] font-semibold px-2 py-0.5 rounded-full border flex-shrink-0 ${c.badgeBg} ${c.badgeBorder} ${c.badgeText}`}>
       <span className={`h-1.5 w-1.5 rounded-full flex-shrink-0 ${c.dotColor}`} />
-      {c.label}
+      <span className="leading-tight text-right max-w-[7.5rem] sm:max-w-none whitespace-normal">{c.label}</span>
     </span>
   );
 }
@@ -63,26 +63,26 @@ function ContractCard({ d }: { d: Deployment }) {
         {/* header */}
         <div className={`px-4 pt-4 pb-3 border-b border-[#efe2c9] ${c.headerBg}`}>
           {/* chain badge + status */}
-          <div className="flex items-center justify-between mb-2">
-            <div className="flex items-center gap-2">
+          <div className="flex items-start justify-between gap-2 mb-2">
+            <div className="flex items-center gap-2 min-w-0">
               <div className={`h-6 w-6 rounded-full flex items-center justify-center text-[9px] font-bold flex-shrink-0 ${d.chainTextColor}`}
                 style={{ background: d.chainColor }}>
                 {d.chainShort.slice(0, 3)}
               </div>
-              <span className="text-xs text-gray-400">{d.chain}</span>
+              <span className="text-xs text-gray-400 truncate">{d.chain}</span>
             </div>
             <StatusBadge status={d.status} />
           </div>
           {/* title line */}
-          <h3 className="text-base font-bold text-[#1a1a1a] leading-tight">{d.name}</h3>
+          <h3 className="text-base font-bold text-[#1a1a1a] leading-tight break-words">{d.name}</h3>
           {/* subtitle: Backed by X · Pegged to Y */}
-          <p className="text-xs text-gray-400 mt-0.5">
+          <p className="text-xs text-gray-400 mt-0.5 break-words">
             Backed by {d.reserveAsset} · Pegged to {d.pegAsset}
           </p>
         </div>
 
         {/* stats — mentor's exact order */}
-        <div className="px-4 py-3 flex flex-col flex-1">
+        <div className="px-4 py-3 flex flex-col flex-1 min-w-0">
           {([
             ["Reserve Ratio",   <span className={`font-bold ${c.tc}`} key="rr">{d.reserveRatio}%</span>],
             ["Total Reserve",   d.totalReserve],
@@ -91,9 +91,9 @@ function ContractCard({ d }: { d: Deployment }) {
             ["EquityCoin Leverage", <span className="font-bold text-[#1a1a1a]" key="lev">{d.equityLeverage}</span>],
             ["EquityCoin Yield", <span className="font-bold text-amber-600" key="y">{d.equityYield}%</span>],
           ] as [string, React.ReactNode][]).map(([lbl, val]) => (
-            <div key={lbl} className="flex items-center justify-between py-1.5 border-b border-gray-50 last:border-0 text-sm">
-              <span className="text-gray-400">{lbl}</span>
-              <span className="text-[#1a1a1a] font-medium">{val}</span>
+            <div key={lbl} className="flex items-start justify-between gap-3 py-1.5 border-b border-gray-50 last:border-0 text-sm">
+              <span className="text-gray-400 flex-shrink-0">{lbl}</span>
+              <span className="text-[#1a1a1a] font-medium text-right break-words min-w-0">{val}</span>
             </div>
           ))}
         </div>
@@ -171,10 +171,10 @@ export default function DeploymentsPage() {
       {/* ── page header — white with amber accent label ───────────────── */}
       <div className="pt-[68px] border-b border-[#e7dac4] bg-white">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 py-8 flex items-end justify-between flex-wrap gap-4">
-          <div>
+          <div className="min-w-0 flex-1">
             <p className="text-xs font-bold text-amber-600 uppercase tracking-widest mb-2">Overview</p>
             <h1 className="text-2xl md:text-3xl font-bold text-[#1a1a1a]">Tectonic Coins</h1>
-            <p className="text-gray-500 text-sm mt-1">See live statistics and mint or redeem Tectonic coins on various blockchains.</p>
+            <p className="text-gray-500 text-sm mt-1 max-w-xl">See live statistics and mint or redeem Tectonic coins on various blockchains.</p>
           </div>
           <div className="flex items-center gap-2 flex-wrap">
             <span className="inline-flex items-center gap-1.5 text-xs font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200 rounded-full px-3 py-1">
@@ -183,13 +183,13 @@ export default function DeploymentsPage() {
             </span>
             {dangerList.length > 0 && (
               <span className="inline-flex items-center gap-1.5 text-xs font-semibold text-red-600 bg-red-50 border border-red-200 rounded-full px-3 py-1">
-                <span className="h-1.5 w-1.5 rounded-full bg-red-500" />
+                <span className="h-1.5 w-1.5 rounded-full bg-red-500 flex-shrink-0" />
                 {dangerList.length} Trigger Redemptions Active
               </span>
             )}
             {warningList.length > 0 && (
               <span className="inline-flex items-center gap-1.5 text-xs font-semibold text-amber-700 bg-amber-50 border border-amber-300 rounded-full px-3 py-1">
-                <span className="h-1.5 w-1.5 rounded-full bg-amber-500" />
+                <span className="h-1.5 w-1.5 rounded-full bg-amber-500 flex-shrink-0" />
                 {warningList.length} Warning
               </span>
             )}
@@ -210,32 +210,32 @@ export default function DeploymentsPage() {
             </div>
 
             {/* ── Filters ──────────────────────────────────────────────── */}
-            <div className="mb-5 flex flex-wrap gap-3 items-center">
+            <div className="mb-5 flex flex-col sm:flex-row sm:flex-wrap gap-3 items-stretch sm:items-center">
               {/* search */}
-              <div className="relative">
+              <div className="relative w-full sm:w-auto">
                 <svg className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-gray-400" fill="none" viewBox="0 0 24 24" aria-hidden>
                   <circle cx="11" cy="11" r="8" stroke="currentColor" strokeWidth="2"/>
                   <path d="M21 21l-4.35-4.35" stroke="currentColor" strokeWidth="2" strokeLinecap="round"/>
                 </svg>
                 <input type="text" value={search} onChange={e => setSearch(e.target.value)} placeholder="Search…"
-                  className="w-44 rounded-lg border border-[#e7dac4] bg-white py-2 pl-8 pr-3 text-sm text-[#1a1a1a] focus:border-amber-400 focus:outline-none shadow-sm" />
+                  className="w-full sm:w-44 rounded-lg border border-[#e7dac4] bg-white py-2 pl-8 pr-3 text-sm text-[#1a1a1a] focus:border-amber-400 focus:outline-none shadow-sm" />
               </div>
 
               {/* network dropdown */}
-              <div className="flex items-center gap-2">
-                <label className="text-xs font-semibold text-gray-400 whitespace-nowrap">Network</label>
+              <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-1.5 sm:gap-2 min-w-0">
+                <label className="text-xs font-semibold text-gray-400 whitespace-nowrap flex-shrink-0">Network</label>
                 <select value={activeChain} onChange={e => setActiveChain(e.target.value)}
-                  className="rounded-lg border border-[#e7dac4] bg-white py-2 pl-3 pr-8 text-sm text-[#1a1a1a] font-medium focus:border-amber-400 focus:outline-none shadow-sm cursor-pointer appearance-none"
+                  className="min-w-0 w-full sm:w-auto rounded-lg border border-[#e7dac4] bg-white py-2 pl-3 pr-8 text-sm text-[#1a1a1a] font-medium focus:border-amber-400 focus:outline-none shadow-sm cursor-pointer appearance-none"
                   style={{ backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b8a99a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")`, backgroundRepeat:"no-repeat", backgroundPosition:"right 10px center" }}>
                   {CHAINS.map(c => <option key={c.id} value={c.id}>{c.label}</option>)}
                 </select>
               </div>
 
               {/* peg asset dropdown */}
-              <div className="flex items-center gap-2">
-                <label className="text-xs font-semibold text-gray-400 whitespace-nowrap">Peg Asset</label>
+              <div className="flex flex-col sm:flex-row items-stretch sm:items-center gap-1.5 sm:gap-2 min-w-0">
+                <label className="text-xs font-semibold text-gray-400 whitespace-nowrap flex-shrink-0">Peg Asset</label>
                 <select value={activePeg} onChange={e => setActivePeg(e.target.value)}
-                  className="rounded-lg border border-[#e7dac4] bg-white py-2 pl-3 pr-8 text-sm text-[#1a1a1a] font-medium focus:border-amber-400 focus:outline-none shadow-sm cursor-pointer appearance-none"
+                  className="min-w-0 w-full sm:w-auto rounded-lg border border-[#e7dac4] bg-white py-2 pl-3 pr-8 text-sm text-[#1a1a1a] font-medium focus:border-amber-400 focus:outline-none shadow-sm cursor-pointer appearance-none"
                   style={{ backgroundImage:`url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b8a99a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")`, backgroundRepeat:"no-repeat", backgroundPosition:"right 10px center" }}>
                   {PEG_ASSETS.map(p => <option key={p.id} value={p.id}>{p.label}</option>)}
                 </select>
@@ -263,18 +263,18 @@ export default function DeploymentsPage() {
       </main>
 
       {/* footer — identical to homepage */}
-      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-6 pt-14 pb-4">
+      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-4 sm:px-6 pt-14 pb-4">
         <div className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-amber-300 to-transparent opacity-80" />
         <div className="pointer-events-none absolute -left-16 bottom-0 h-40 w-40 rounded-full bg-amber-200/30 blur-3xl" />
         <div className="pointer-events-none absolute right-0 top-10 h-44 w-44 rounded-full bg-orange-200/30 blur-3xl" />
 
         <div className="relative mx-auto max-w-7xl px-2 pt-4 pb-0 md:px-6">
-          <div className="grid gap-10 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
+          <div className="grid gap-10 sm:grid-cols-2 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
             {/* brand */}
-            <div className="max-w-sm flex flex-col items-start">
+            <div className="max-w-sm flex flex-col items-start sm:col-span-2 md:col-span-1">
               <div className="flex flex-col items-center text-center">
                 <div className="logo-hover-wrap mb-4 flex flex-col items-center gap-3 text-slate-900">
-                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" />
+                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" style={{ width: "auto" }} />
                   <span className="text-2xl font-black tracking-[0.04em] bg-gradient-to-b from-[#c38b44] to-[#7e4420] bg-clip-text text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] leading-none">TECTONIC</span>
                 </div>
                 <p className="max-w-xs text-sm leading-6 text-slate-600">Next-generation stablecoin protocol.</p>
@@ -312,10 +312,10 @@ export default function DeploymentsPage() {
           </div>
         </div>
 
-        <div className="mt-24 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 pt-6 w-full">
+        <div className="relative mx-auto mt-16 sm:mt-24 flex max-w-7xl flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 px-2 pt-6 md:px-6 w-full">
           <p className="text-sm text-slate-600 text-center md:text-left">© 2026 Tectonic Protocol. All rights reserved.</p>
           <a href="https://stability.nexus/" target="_blank" rel="noopener noreferrer" className="inline-block hover:opacity-90 transition-opacity">
-            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-12 rounded-lg" unoptimized />
+            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-10 sm:h-12 rounded-lg" unoptimized />
           </a>
         </div>
       </footer>
diff --git a/app/equity/page.tsx b/app/equity/page.tsx
index 0a2f712..1975816 100644
--- a/app/equity/page.tsx
+++ b/app/equity/page.tsx
@@ -30,16 +30,16 @@ export default function EquityPage() {
           { label:"Avg Leverage", value:"3.25×",  color:"text-blue-600",   sub:"Reserve exposure" },
           { label:"Total Supply", value:"120K",   color:"text-slate-800",  sub:"All deployments"  },
         ].map(s => (
-          <div key={s.label} className="rounded-2xl bg-white border border-amber-100 p-5 shadow-sm">
+          <div key={s.label} className="rounded-2xl bg-white border border-amber-100 p-4 sm:p-5 shadow-sm min-w-0">
             <div className="text-[10px] font-semibold uppercase tracking-widest text-slate-400 mb-2">{s.label}</div>
-            <div className={`text-3xl font-black leading-none ${s.color}`}>{s.value}</div>
+            <div className={`text-2xl sm:text-3xl font-black leading-none ${s.color}`}>{s.value}</div>
             <div className="text-xs text-slate-400 mt-1.5">{s.sub}</div>
           </div>
         ))}
       </div>
 
       {/* explainer */}
-      <div className="rounded-3xl border border-amber-100 bg-white p-6 shadow-sm mb-6">
+      <div className="rounded-2xl sm:rounded-3xl border border-amber-100 bg-white p-4 sm:p-6 shadow-sm mb-6">
         <h3 className="font-black text-slate-900 text-lg mb-3">How equity coins work</h3>
         <div className="grid sm:grid-cols-3 gap-4">
           {[
@@ -62,21 +62,24 @@ export default function EquityPage() {
         {EQUITY_COINS.map(eq => {
           const c = statusCfg(eq.status);
           return (
-            <div key={eq.name} className={`rounded-2xl bg-white border ${c.cardBorder} shadow-sm overflow-hidden`}>
+            <div key={eq.name} className={`rounded-2xl bg-white border ${c.cardBorder} shadow-sm overflow-hidden min-w-0`}>
               {/* card header */}
-              <div className={`px-5 py-4 ${c.headerBg} border-b ${c.cardBorder} flex items-center justify-between`}>
-                <div className="flex items-center gap-2.5">
-                  <div className="h-8 w-8 rounded-full flex items-center justify-center text-white text-[9px] font-extrabold shadow-sm"
+              <div className={`px-4 sm:px-5 py-4 ${c.headerBg} border-b ${c.cardBorder} flex items-start sm:items-center justify-between gap-2`}>
+                <div className="flex items-center gap-2.5 min-w-0">
+                  <div className="h-8 w-8 rounded-full flex items-center justify-center text-white text-[9px] font-extrabold shadow-sm flex-shrink-0"
                     style={{ background: eq.chainColor }}>{eq.chain.slice(0, 3).toUpperCase()}</div>
-                  <span className="font-black text-slate-900">{eq.name}</span>
+                  <span className="font-black text-slate-900 break-words">{eq.name}</span>
                 </div>
-                <span className={`text-[10px] font-bold px-2.5 py-1 rounded-full ${c.badgeBg} ${c.badgeBorder} ${c.badgeText}`}><span className={`h-1.5 w-1.5 rounded-full inline-block ${c.dotColor}`} /> {c.label}</span>
+                <span className={`text-[10px] font-bold px-2.5 py-1 rounded-full flex-shrink-0 inline-flex items-center gap-1 ${c.badgeBg} ${c.badgeBorder} ${c.badgeText}`}>
+                  <span className={`h-1.5 w-1.5 rounded-full flex-shrink-0 ${c.dotColor}`} />
+                  {c.label}
+                </span>
               </div>
 
-              <div className="px-5 py-5">
+              <div className="px-4 sm:px-5 py-5">
                 {/* price */}
                 <div className="text-center py-3 mb-4">
-                  <div className={`text-4xl font-black ${eq.status === "danger" ? "text-red-500" : "text-violet-600"}`}>{eq.price}</div>
+                  <div className={`text-3xl sm:text-4xl font-black ${eq.status === "danger" ? "text-red-500" : "text-violet-600"}`}>{eq.price}</div>
                   <div className={`text-xs font-semibold mt-1 ${eq.priceChange.startsWith("+") ? "text-emerald-500" : "text-red-500"}`}>
                     {eq.priceChange} today
                   </div>
@@ -90,7 +93,7 @@ export default function EquityPage() {
                     ["APR",      eq.apr,        "text-emerald-600"],
                     ["Supply",   eq.supply,     "text-slate-800"  ],
                   ].map(([k, v, col]) => (
-                    <div key={k} className="rounded-xl bg-slate-50 p-3 text-center">
+                    <div key={k} className="rounded-xl bg-slate-50 p-3 text-center min-w-0">
                       <div className={`text-base font-black ${col}`}>{v}</div>
                       <div className="text-[10px] text-slate-400 font-semibold uppercase mt-0.5">{k}</div>
                     </div>
@@ -116,12 +119,53 @@ export default function EquityPage() {
         })}
       </div>
 
-      {/* per-deployment yield table */}
+      {/* per-deployment yield — mobile cards + desktop table */}
       <div className="mt-8 rounded-2xl bg-white border border-amber-100 shadow-sm overflow-hidden">
-        <div className="px-5 py-4 border-b border-slate-100 bg-slate-50/60">
+        <div className="px-4 sm:px-5 py-4 border-b border-slate-100 bg-slate-50/60">
           <h3 className="font-bold text-xs uppercase tracking-wider text-slate-500">Yield by Deployment</h3>
         </div>
-        <div className="overflow-x-auto">
+
+        {/* Mobile card layout */}
+        <div className="md:hidden divide-y divide-slate-100">
+          {DEPLOYMENTS.map(d => {
+            const c = statusCfg(d.status);
+            return (
+              <div key={d.id} className="px-4 py-4 space-y-3">
+                <div className="flex items-start justify-between gap-3">
+                  <div className="min-w-0">
+                    <div className="font-semibold text-slate-900">{d.name}</div>
+                    <div className="flex items-center gap-1.5 mt-1">
+                      <div className="h-3.5 w-3.5 rounded-full flex-shrink-0" style={{ background: d.chainColor }} />
+                      <span className="text-xs text-slate-600">{d.chain}</span>
+                    </div>
+                  </div>
+                  <span className={`text-[10px] font-bold px-2 py-1 rounded-full ${c.badgeBg} ${c.badgeText}`}>{c.label}</span>
+                </div>
+                <div className="grid grid-cols-2 gap-3 text-xs">
+                  <div>
+                    <div className="text-slate-400 font-semibold mb-0.5">Total Reserve</div>
+                    <div className="font-medium text-slate-800">{d.totalReserve}</div>
+                  </div>
+                  <div>
+                    <div className="text-slate-400 font-semibold mb-0.5">Equity Yield</div>
+                    <div className="font-black text-amber-600">{d.equityYield}%</div>
+                  </div>
+                  <div>
+                    <div className="text-slate-400 font-semibold mb-0.5">Reserve Ratio</div>
+                    <div className={`font-black ${c.tc}`}>{d.reserveRatio}%</div>
+                  </div>
+                  <div>
+                    <div className="text-slate-400 font-semibold mb-0.5">Equity Supply</div>
+                    <div className="font-medium text-slate-800">{d.equitySupply}</div>
+                  </div>
+                </div>
+              </div>
+            );
+          })}
+        </div>
+
+        {/* Desktop table */}
+        <div className="hidden md:block overflow-x-auto">
           <table className="w-full text-sm">
             <thead>
               <tr className="border-b border-slate-100">
diff --git a/app/force-redemption/page.tsx b/app/force-redemption/page.tsx
index f87cfd3..404ed3d 100644
--- a/app/force-redemption/page.tsx
+++ b/app/force-redemption/page.tsx
@@ -20,35 +20,35 @@ export default function ForceRedemptionPage() {
     >
       {/* alert banners */}
       {dangerList.length > 0 && (
-        <div className="rounded-2xl bg-red-50 border border-red-200 p-5 flex items-start gap-4 mb-4">
+        <div className="rounded-2xl bg-red-50 border border-red-200 p-4 sm:p-5 flex items-start gap-3 sm:gap-4 mb-4">
           <div className="text-2xl flex-shrink-0">⚠️</div>
-          <div>
-            <h4 className="font-bold text-red-700 text-sm">Trigger Redemptions Active — {dangerList.map(d => d.name).join(", ")}</h4>
+          <div className="min-w-0">
+            <h4 className="font-bold text-red-700 text-sm break-words">Trigger Redemptions Active — {dangerList.map(d => d.name).join(", ")}</h4>
             <p className="text-red-600 text-xs mt-1">Reserve ratio has dropped below 150%. StableCoin holders can redeem at 1:1 until the ratio recovers.</p>
           </div>
         </div>
       )}
       {warningList.length > 0 && (
-        <div className="rounded-2xl bg-amber-50 border border-amber-200 p-4 flex items-start gap-4 mb-4">
+        <div className="rounded-2xl bg-amber-50 border border-amber-200 p-4 flex items-start gap-3 sm:gap-4 mb-4">
           <div className="text-xl flex-shrink-0">⚡</div>
-          <div>
-            <h4 className="font-bold text-amber-700 text-sm">Warning — {warningList.map(d => d.name).join(", ")}</h4>
+          <div className="min-w-0">
+            <h4 className="font-bold text-amber-700 text-sm break-words">Warning — {warningList.map(d => d.name).join(", ")}</h4>
             <p className="text-amber-600 text-xs mt-1">Approaching the minimum safe threshold of 150%. Monitor closely.</p>
           </div>
         </div>
       )}
 
       {/* how it works */}
-      <div className="rounded-3xl border border-amber-100 bg-white p-6 shadow-sm mb-6">
+      <div className="rounded-2xl sm:rounded-3xl border border-amber-100 bg-white p-4 sm:p-6 shadow-sm mb-6">
         <h3 className="font-black text-slate-900 text-lg mb-4">How Trigger Redemptions Works</h3>
-        <div className="grid sm:grid-cols-4 gap-4">
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
           {[
             { step:"01", title:"Ratio drops below 150%",     desc:"Oracle detects the reserve is undercollateralised relative to stablecoin supply." },
             { step:"02", title:"Equity minting halted",       desc:"No new equity coins can be issued while the ratio is below the safe threshold." },
             { step:"03", title:"StableCoins redeemable 1:1",  desc:"Holders can burn stablecoins at face value, withdrawing reserve assets directly." },
             { step:"04", title:"Ratio restored",              desc:"As stablecoins are burned the ratio recovers and normal operations resume." },
           ].map(item => (
-            <div key={item.step} className="rounded-2xl bg-amber-50 p-4">
+            <div key={item.step} className="rounded-2xl bg-amber-50 p-4 min-w-0">
               <div className="text-[10px] font-black text-amber-400 uppercase tracking-widest mb-1">{item.step}</div>
               <div className="font-bold text-sm text-slate-900 mb-1">{item.title}</div>
               <p className="text-xs text-slate-600 leading-5">{item.desc}</p>
@@ -61,17 +61,17 @@ export default function ForceRedemptionPage() {
       <h3 className="font-black text-slate-900 text-lg mb-4">Current Reserve Health</h3>
       <div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
         <ReserveWidget ratio={120} status="danger"  label="BSC — USDBN-BSC (Active)" />
-        <div className="rounded-2xl bg-white border border-amber-100 p-5 shadow-sm flex flex-col gap-3">
+        <div className="rounded-2xl bg-white border border-amber-100 p-5 shadow-sm flex flex-col gap-3 min-w-0">
           <div className="text-[11px] font-semibold uppercase tracking-widest text-slate-500">Minimum Safe Ratio</div>
-          <div className="text-4xl font-black text-amber-500">150%</div>
+          <div className="text-3xl sm:text-4xl font-black text-amber-500">150%</div>
           <p className="text-xs text-slate-500">Below this level equity minting pauses and trigger redemptions begin.</p>
           <div className="text-xs text-slate-500 mt-auto">
             Gap to safe ratio: <span className="text-red-600 font-bold">−30%</span>
           </div>
         </div>
-        <div className="rounded-2xl bg-white border border-amber-100 p-5 shadow-sm flex flex-col gap-3">
+        <div className="rounded-2xl bg-white border border-amber-100 p-5 shadow-sm flex flex-col gap-3 min-w-0">
           <div className="text-[11px] font-semibold uppercase tracking-widest text-slate-500">Redemption Progress</div>
-          <div className="text-4xl font-black text-amber-600">34%</div>
+          <div className="text-3xl sm:text-4xl font-black text-amber-600">34%</div>
           <div className="text-xs text-slate-500">of eligible USDBN redeemed</div>
           <div className="h-2 w-full rounded-full bg-[#efe2c9] mt-auto overflow-hidden">
             <div className="h-2 bg-amber-400 rounded-full" style={{ width: "34%" }} />
@@ -79,12 +79,60 @@ export default function ForceRedemptionPage() {
         </div>
       </div>
 
-      {/* full status table */}
+      {/* full status — mobile cards + desktop table */}
       <div className="rounded-2xl bg-white border border-[#e7dac4] shadow-sm overflow-hidden">
-        <div className="px-5 py-4 border-b border-[#efe2c9] bg-[#fbf6ec]">
+        <div className="px-4 sm:px-5 py-4 border-b border-[#efe2c9] bg-[#fbf6ec]">
           <h3 className="font-bold text-xs uppercase tracking-wider text-gray-500">All Deployment Status</h3>
         </div>
-        <div className="overflow-x-auto">
+
+        {/* Mobile card layout */}
+        <div className="md:hidden divide-y divide-[#faf6ef]">
+          {DEPLOYMENTS.map(d => {
+            const c = statusCfg(d.status);
+            return (
+              <div key={d.id} className="px-4 py-4 space-y-3">
+                <div className="flex items-start justify-between gap-3">
+                  <div className="min-w-0">
+                    <div className="font-semibold text-[#1a1a1a]">{d.name}</div>
+                    <div className="flex items-center gap-1.5 mt-1">
+                      <div className="h-4 w-4 rounded-full flex-shrink-0" style={{ background: d.chainColor }} />
+                      <span className="text-xs text-gray-500">{d.chain}</span>
+                    </div>
+                  </div>
+                  <span className={`text-[10px] font-bold px-2.5 py-1 rounded-full border inline-flex items-center gap-1 flex-shrink-0 ${c.badgeBg} ${c.badgeBorder} ${c.badgeText}`}>
+                    <span className={`h-1.5 w-1.5 rounded-full ${c.dotColor}`} />
+                    {c.label}
+                  </span>
+                </div>
+                <div className="grid grid-cols-2 gap-3 text-xs">
+                  <div>
+                    <div className="text-gray-400 font-semibold mb-0.5">Reserve Ratio</div>
+                    <div className={`font-black ${c.tc}`}>{d.reserveRatio}%</div>
+                  </div>
+                  <div>
+                    <div className="text-gray-400 font-semibold mb-0.5">Safe Threshold</div>
+                    <div className="text-gray-600 font-medium">150%</div>
+                  </div>
+                </div>
+                <div>
+                  {d.status === "danger" ? (
+                    <Link href={`/deployments/${d.id}`}
+                      className="inline-flex px-3 py-1.5 rounded-lg bg-red-100 text-red-700 text-xs font-bold border border-red-200 hover:bg-red-200 transition">
+                      Trigger Redeem →
+                    </Link>
+                  ) : (
+                    <span className="inline-flex px-3 py-1.5 rounded-lg bg-[#fbf6ec] text-gray-500 text-xs font-bold border border-[#e7dac4]">
+                      Monitor
+                    </span>
+                  )}
+                </div>
+              </div>
+            );
+          })}
+        </div>
+
+        {/* Desktop table */}
+        <div className="hidden md:block overflow-x-auto">
           <table className="w-full text-sm">
             <thead>
               <tr className="border-b border-[#efe2c9]">
@@ -115,7 +163,6 @@ export default function ForceRedemptionPage() {
                     </td>
                     <td className="px-5 py-4">
                       {d.status === "danger" ? (
-                        /* Link to detail page — Redeem StableCoin tab is default-selectable there */
                         <Link href={`/deployments/${d.id}`}
                           className="px-3 py-1.5 rounded-lg bg-red-100 text-red-700 text-xs font-bold border border-red-200 hover:bg-red-200 transition whitespace-nowrap">
                           Trigger Redeem →
@@ -135,7 +182,7 @@ export default function ForceRedemptionPage() {
       </div>
 
       {/* reserve ratio scale */}
-      <div className="mt-6 rounded-2xl bg-white border border-[#e7dac4] shadow-sm p-6">
+      <div className="mt-6 rounded-2xl bg-white border border-[#e7dac4] shadow-sm p-4 sm:p-6">
         <h3 className="font-bold text-xs uppercase tracking-wider text-gray-400 mb-5">Reserve Ratio Scale</h3>
         <div className="space-y-4">
           {[...DEPLOYMENTS]
@@ -162,22 +209,22 @@ export default function ForceRedemptionPage() {
             const c = statusCfg(item.status);
             const w = Math.min(100, Math.max(0, ((item.ratio - 100) / 300) * 100));
             return (
-              <div key={item.label} className="flex items-center gap-4">
-                <div className="w-40 flex-shrink-0">
-                  <div className="text-xs font-semibold text-[#1a1a1a] leading-tight">{item.label}</div>
+              <div key={item.label} className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
+                <div className="sm:w-40 sm:flex-shrink-0 min-w-0">
+                  <div className="text-xs font-semibold text-[#1a1a1a] leading-tight break-words">{item.label}</div>
                   <div className={`text-xs mt-0.5 ${c.tc}`}>{item.ratio}%</div>
                 </div>
-                <div className="flex-1 h-2.5 rounded-full bg-[#efe2c9] overflow-hidden">
+                <div className="flex-1 h-2.5 rounded-full bg-[#efe2c9] overflow-hidden min-w-0">
                   <div className={`h-2.5 rounded-full ${c.barColor} transition-all duration-700`} style={{ width: `${w}%` }} />
                 </div>
-                <div className="w-36 text-xs text-gray-400 text-right hidden sm:block">{item.desc}</div>
+                <div className="sm:w-36 text-xs text-gray-400 sm:text-right">{item.desc}</div>
               </div>
             );
           })}
           {/* 150% threshold marker */}
-          <div className="flex items-center gap-4">
-            <div className="w-40 flex-shrink-0 text-xs font-bold text-amber-600">150% min threshold</div>
-            <div className="flex-1 relative h-2.5">
+          <div className="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-4">
+            <div className="sm:w-40 sm:flex-shrink-0 text-xs font-bold text-amber-600">150% min threshold</div>
+            <div className="flex-1 relative h-2.5 min-w-0">
               <div className="absolute -top-1" style={{ left: `${((150 - 100) / 300) * 100}%` }}>
                 <div className="w-0.5 h-5 bg-amber-400" />
               </div>
diff --git a/app/globals.css b/app/globals.css
index 1a9e97d..f18fc66 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -649,7 +649,8 @@ body {
   padding: 0; /* inner container supplies padding */
   min-height: auto;
   display: flex;
-  align-items: center;
+  flex-direction: column;
+  align-items: stretch;
 }
 
 /* Reduce the visual color area of primary buttons inside the navbar only */
@@ -690,8 +691,8 @@ body {
   min-width: 0 !important;
 }
 
-/* Ensure the inner nav container never allows wrapping and brand doesn't shrink */
-.glassy-navbar > div {
+/* Top bar row: keep brand + actions on one line */
+.glassy-navbar > div:first-child {
   display: flex;
   flex-wrap: nowrap !important;
   align-items: center;
@@ -710,7 +711,12 @@ body {
   .glassy-navbar .navbar-letter { padding: 0 1px !important; line-height: 1 !important; }
   .glassy-navbar .btn-primary { padding: 0.35rem 0.75rem !important; font-size: 0.825rem !important; }
   /* hide desktop-only links explicitly on small screens */
-  .glassy-navbar > div .hidden { display: none !important; }
+  .glassy-navbar > div:first-child .hidden { display: none !important; }
+  /* Mobile drawer CTAs should use full width, not the desktop pill min-width */
+  .glassy-navbar #mobile-nav-drawer .btn-primary.btn-hero {
+    min-width: 0 !important;
+    width: 100%;
+  }
 }
 
 .glassy-navbar a:hover {
@@ -762,11 +768,17 @@ body {
 }
 
 .hero-kicker {
-  letter-spacing: 0.24em;
+  letter-spacing: 0.12em;
   text-transform: uppercase;
   animation: hero-kicker-fade 1.4s ease-out both;
 }
 
+@media (min-width: 640px) {
+  .hero-kicker {
+    letter-spacing: 0.24em;
+  }
+}
+
 @keyframes hero-breathe {
   0%, 100% {
     transform: translateY(0);
@@ -801,16 +813,31 @@ body {
 @keyframes hero-kicker-fade {
   0% {
     opacity: 0;
-    letter-spacing: 0.42em;
+    letter-spacing: 0.2em;
     transform: translateY(10px);
   }
   100% {
     opacity: 1;
-    letter-spacing: 0.24em;
+    letter-spacing: 0.12em;
     transform: translateY(0);
   }
 }
 
+@media (min-width: 640px) {
+  @keyframes hero-kicker-fade {
+    0% {
+      opacity: 0;
+      letter-spacing: 0.42em;
+      transform: translateY(10px);
+    }
+    100% {
+      opacity: 1;
+      letter-spacing: 0.24em;
+      transform: translateY(0);
+    }
+  }
+}
+
 @keyframes letter-wave {
   0% {
     opacity: 0;
@@ -942,22 +969,24 @@ body {
   margin-left: 0.25em;
 }
 
-/* Hero visual placement: anchor the image to bottom-right and allow it to extend past the section */
+/* Hero visual: stacked on mobile, anchored bottom-right from tablet up */
 .hero-visual {
-  position: absolute;
-  right: 0;
-  bottom: 0;
+  position: relative;
   z-index: 10;
-  width: min(85vw, 950px);
-  max-width: none;
+  width: 100%;
+  max-width: 24rem;
+  margin-inline: auto;
   transform: translateX(0) translateY(0);
 }
 
 @media (min-width: 768px) {
   .hero-visual {
-    right: -2.5rem; /* push slightly into the right gutter */
-    bottom: -3rem; /* push slightly below the fold */
+    position: absolute;
+    right: -2.5rem;
+    bottom: -3rem;
+    margin-inline: 0;
     width: min(85vw, 950px);
+    max-width: none;
   }
 }
 
diff --git a/app/page.tsx b/app/page.tsx
index 812e85f..d5ba737 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -169,11 +169,11 @@ export default function Home() {
   const featureRefs = useRef<Array<HTMLDivElement | null>>([]);
 
   const deployments = [
-    { name: 'Tectonic USD', symbol: 'tUSD', chain: 'Ethereum', chainShort: 'ETH', reserve: '132%', ratio: 132, supply: '22.41M tUSD', tvl: '$45.2M', status: 'Active', accent: 'text-slate-600', badge: 'bg-slate-100 text-slate-700', chainColor: 'bg-indigo-100 text-indigo-700', symbolBg: 'bg-indigo-50', symbolColor: 'text-indigo-700' },
-    { name: 'Tectonic USD', symbol: 'tUSD', chain: 'Polygon', chainShort: 'POL', reserve: '128%', ratio: 128, supply: '18.76M tUSD', tvl: '$18.7M', status: 'Active', accent: 'text-violet-600', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-violet-100 text-violet-700', symbolBg: 'bg-violet-50', symbolColor: 'text-violet-600' },
-    { name: 'Tectonic USD', symbol: 'tUSD', chain: 'BSC', chainShort: 'BNB', reserve: '135%', ratio: 135, supply: '22.11M tUSD', tvl: '$22.1M', status: 'Active', accent: 'text-amber-500', badge: 'bg-amber-100 text-amber-700', chainColor: 'bg-amber-100 text-amber-700', symbolBg: 'bg-amber-50', symbolColor: 'text-amber-500' },
-    { name: 'Tectonic USD', symbol: 'tUSD', chain: 'Base', chainShort: 'ETH', reserve: '130%', ratio: 130, supply: '12.91M tUSD', tvl: '$12.9M', status: 'Active', accent: 'text-blue-600', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-blue-100 text-blue-700', symbolBg: 'bg-blue-50', symbolColor: 'text-blue-600' },
-    { name: 'Tectonic USD', symbol: 'tUSD', chain: 'Ethereum Classic', chainShort: 'ETC', reserve: '127%', ratio: 127, supply: '8.32M tUSD', tvl: '$8.3M', status: 'Active', accent: 'text-emerald-700', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-emerald-100 text-emerald-700', symbolBg: 'bg-emerald-50', symbolColor: 'text-emerald-700' },
+    { id: 'tusd-local', name: 'Tectonic USD', symbol: 'tUSD', chain: 'Ethereum', chainShort: 'ETH', reserve: '132%', ratio: 132, supply: '22.41M tUSD', tvl: '$45.2M', status: 'Active', accent: 'text-slate-600', badge: 'bg-slate-100 text-slate-700', chainColor: 'bg-indigo-100 text-indigo-700', symbolBg: 'bg-indigo-50', symbolColor: 'text-indigo-700' },
+    { id: 'usdp-amoy', name: 'Tectonic USD', symbol: 'tUSD', chain: 'Polygon', chainShort: 'POL', reserve: '128%', ratio: 128, supply: '18.76M tUSD', tvl: '$18.7M', status: 'Active', accent: 'text-violet-600', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-violet-100 text-violet-700', symbolBg: 'bg-violet-50', symbolColor: 'text-violet-600' },
+    { id: 'tusd-sepolia', name: 'Tectonic USD', symbol: 'tUSD', chain: 'Sepolia', chainShort: 'SEP', reserve: '135%', ratio: 135, supply: '22.11M tUSD', tvl: '$22.1M', status: 'Active', accent: 'text-amber-500', badge: 'bg-amber-100 text-amber-700', chainColor: 'bg-amber-100 text-amber-700', symbolBg: 'bg-amber-50', symbolColor: 'text-amber-500' },
+    { id: 'tusd-base', name: 'Tectonic USD', symbol: 'tUSD', chain: 'Base', chainShort: 'ETH', reserve: '130%', ratio: 130, supply: '12.91M tUSD', tvl: '$12.9M', status: 'Active', accent: 'text-blue-600', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-blue-100 text-blue-700', symbolBg: 'bg-blue-50', symbolColor: 'text-blue-600' },
+    { id: 'tusd-classic', name: 'Tectonic USD', symbol: 'tUSD', chain: 'Ethereum Classic', chainShort: 'ETC', reserve: '127%', ratio: 127, supply: '8.32M tUSD', tvl: '$8.3M', status: 'Active', accent: 'text-emerald-700', badge: 'bg-emerald-100 text-emerald-700', chainColor: 'bg-emerald-100 text-emerald-700', symbolBg: 'bg-emerald-50', symbolColor: 'text-emerald-700' },
   ];
 
   const protocolStats = [
@@ -191,7 +191,7 @@ export default function Home() {
         if (e.matches) {
           videoRef.current.pause();
         } else {
-          videoRef.current.play().catch(() => {});
+          videoRef.current.play().catch(() => { });
         }
       }
     };
@@ -221,27 +221,27 @@ export default function Home() {
   }, []);
 
   return (
-    <div className="min-h-screen bg-white text-gray-900 overflow-hidden pt-0">
+    <div className="min-h-screen bg-white text-gray-900 pt-0">
       <Navbar />
 
       {/* Hero Section */}
-      <section className="relative min-h-screen flex items-center gradient-orbital overflow-visible pt-24 pb-16">
+      <section className="relative min-h-[100svh] flex items-center gradient-orbital overflow-hidden md:overflow-visible pt-24 pb-16">
         {/* Enhanced Orbital Background with Animated Glows */}
         <div className="orbital-container">
           <div className="glow-orb glow-orb-1"></div>
           <div className="glow-orb glow-orb-2"></div>
           <div className="glow-orb glow-orb-3"></div>
-          
+
         </div>
 
-        <div className="z-10 mx-auto grid w-full max-w-7xl items-center gap-12 px-6 lg:grid-cols-[1.05fr_0.95fr]">
-          <div className="text-left">
-            <div className="mb-8 inline-block">
-              <span className="hero-kicker text-sm font-semibold text-yellow-500">{tHome("kicker")}</span>
+        <div className="z-10 mx-auto grid w-full max-w-7xl items-center gap-8 px-4 sm:px-6 lg:grid-cols-[1.05fr_0.95fr] lg:gap-12">
+          <div className="text-left min-w-0">
+            <div className="mb-6 sm:mb-8 inline-block max-w-full">
+              <span className="hero-kicker text-[0.65rem] sm:text-sm font-semibold text-yellow-500 break-words">{tHome("kicker")}</span>
             </div>
 
-            <h1 className="hero-title mb-6 max-w-6xl text-5xl font-bold leading-tight text-gray-900 md:text-7xl">
-              <span className="hero-title-line hero-title-line-first max-w-5xl md:text-[4.6rem] md:leading-[1.02]">
+            <h1 className="hero-title mb-6 max-w-6xl text-[1.75rem] sm:text-4xl md:text-6xl lg:text-7xl font-bold leading-[1.15] text-gray-900">
+              <span className="hero-title-line hero-title-line-first max-w-5xl lg:text-[4.6rem] lg:leading-[1.02]">
                 <HeroTypewriter
                   text={tHome("title")}
                   className="block"
@@ -263,13 +263,13 @@ export default function Home() {
               </span>
             </h1>
 
-            <p className="mb-12 max-w-2xl text-lg text-gray-600 md:text-xl">
+            <p className="mb-8 sm:mb-12 max-w-2xl text-base text-gray-600 sm:text-lg md:text-xl">
               {tHome("description")}
             </p>
 
           </div>
 
-          <div className="relative mx-auto mt-8 w-full max-w-sm md:mt-0 md:absolute hero-visual md:w-[min(85vw,950px)] hero-visual-lg lg:w-[min(90vw,1200px)] lg:max-w-none">
+          <div className="hero-visual mt-4 md:mt-0">
             <div className="relative aspect-[4/3] w-full drop-shadow-2xl md:aspect-[5/4]">
               <Image
                 src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/tectonic-hero.png`}
@@ -290,14 +290,14 @@ export default function Home() {
       </section>
 
       {/* Features Section (styled to match provided design) */}
-      <section id="learn" className="py-20 px-6 bg-[#fbf6ec]">
+      <section id="learn" className="py-16 sm:py-20 px-4 sm:px-6 bg-[#fbf6ec]">
         <div className="max-w-7xl mx-auto">
           <div className="mb-8 text-center">
-            <h2 className="text-5xl font-sans mb-3 text-gray-900">
+            <h2 className="text-3xl sm:text-4xl md:text-5xl font-sans mb-3 text-gray-900">
               <span className="mr-2">{tHome("why")}</span>
               <span className="text-yellow-600">{tHome("tectonicQ")}</span>
             </h2>
-            <p className="mx-auto max-w-2xl text-gray-700 text-lg">{tHome("whyTectonicDesc")}</p>
+            <p className="mx-auto max-w-2xl text-gray-700 text-base sm:text-lg">{tHome("whyTectonicDesc")}</p>
           </div>
 
           <ComparisonTable />
@@ -309,10 +309,10 @@ export default function Home() {
       </section>
 
       {/* StableCoin Panel (inserted after learn) */}
-      <section className="py-12 px-6 bg-white">
+      <section className="py-12 px-4 sm:px-6 bg-white">
         <div className="mx-auto max-w-7xl px-0">
           <div className="grid items-center gap-10 lg:grid-cols-2">
-            <div className="rounded-2xl flex items-center justify-center bg-white">
+            <div className="rounded-2xl flex items-center justify-center bg-white min-w-0">
               <video
                 ref={videoRef}
                 src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/effect.mp4`}
@@ -325,15 +325,15 @@ export default function Home() {
               />
             </div>
 
-            <div>
-              <div className="min-h-[180px] md:min-h-[225px]">
-                <Typewriter 
-                  text={tHome("futurePayments")} 
-                  className="text-5xl md:text-6xl font-semibold tracking-tight text-gray-900 whitespace-pre-line leading-tight" 
-                  speed={120} 
+            <div className="min-w-0">
+              <div className="min-h-[140px] sm:min-h-[180px] md:min-h-[225px]">
+                <Typewriter
+                  text={tHome("futurePayments")}
+                  className="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-semibold tracking-tight text-gray-900 whitespace-pre-line leading-tight"
+                  speed={120}
                 />
               </div>
-              <p className="mt-6 max-w-xl text-xl leading-9 text-gray-700">
+              <p className="mt-6 max-w-xl text-base sm:text-lg md:text-xl leading-7 sm:leading-9 text-gray-700">
                 {tHome("futurePaymentsDesc")}
               </p>
             </div>
@@ -343,12 +343,12 @@ export default function Home() {
 
       {/* Deployments Panel */}
       <section id="explore" className="bg-[#fdf7ef] pt-12 pb-20">
-        <div className="-mt-14 w-full border-y-2 border-amber-200 bg-white py-12 shadow-[inset_0_1px_0_rgba(255,255,255,0.9),inset_0_-1px_0_rgba(251,191,36,0.14)]">
-          <div className="mx-auto max-w-[1440px] px-6">
+        <div className="-mt-14 w-full border-y-2 border-amber-200 bg-white py-10 sm:py-12 shadow-[inset_0_1px_0_rgba(255,255,255,0.9),inset_0_-1px_0_rgba(251,191,36,0.14)]">
+          <div className="mx-auto max-w-[1440px] px-4 sm:px-6">
             <div className="grid gap-6 text-center sm:grid-cols-2 lg:grid-cols-3">
               {protocolStats.map((stat) => (
                 <div key={stat.label} className="px-2 py-2">
-                  <div className="text-3xl font-bold tracking-tight text-slate-900 md:text-[2rem]">
+                  <div className="text-2xl sm:text-3xl font-bold tracking-tight text-slate-900 md:text-[2rem]">
                     <CountUpValue
                       end={stat.value}
                       decimals={stat.decimals ?? 0}
@@ -363,21 +363,76 @@ export default function Home() {
           </div>
         </div>
 
-        <div className="mx-auto mt-10 max-w-[1440px] px-6">
+        <div className="mx-auto mt-10 max-w-[1440px] px-4 sm:px-6">
           <div className="mb-8 max-w-3xl">
-            <div className="mb-3 inline-flex items-center gap-2 text-sm font-semibold tracking-[0.22em] text-amber-600 uppercase">
+            <div className="mb-3 inline-flex items-center gap-2 text-xs sm:text-sm font-semibold tracking-[0.22em] text-amber-600 uppercase">
               <span className="inline-flex h-6 w-6 items-center justify-center rounded-full bg-amber-100 text-amber-600">◎</span>
               {tHome("activeDeployments")}
             </div>
-            <h2 className="text-4xl font-bold tracking-tight text-slate-900 md:text-5xl">{tHome("liveOnLeadingChains")}</h2>
+            <h2 className="text-3xl sm:text-4xl font-bold tracking-tight text-slate-900 md:text-5xl">{tHome("liveOnLeadingChains")}</h2>
             <p className="mt-3 max-w-2xl text-base leading-7 text-slate-600 md:text-lg">
               {tHome("liveOnLeadingChainsDesc")}
             </p>
           </div>
 
-          <div className="grid gap-10 lg:grid-cols-[minmax(0,1fr)_360px] lg:items-start">
-            <div className="overflow-hidden rounded-3xl border border-amber-100 bg-white shadow-[0_18px_45px_rgba(15,23,42,0.08)]">
-              <table className="w-full table-fixed border-collapse text-left">
+          <div className="grid gap-8 lg:gap-10 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)] lg:items-start">
+            {/* Mobile Card Layout - hidden on lg+ */}
+            <div className="lg:hidden space-y-3">
+              {deployments.map((deployment, index) => (
+                <Link key={`${deployment.chain}-${index}`} href={`/deployments/${deployment.id}`}
+                  className="block rounded-2xl border border-amber-100 bg-white p-4 shadow-sm hover:shadow-md transition-shadow group">
+                  <div className="flex items-start justify-between gap-3 mb-3">
+                    <div className="flex items-center gap-3 min-w-0">
+                      <div className={`flex h-9 w-9 items-center justify-center rounded-full flex-shrink-0 ${deployment.symbolBg} text-xs font-bold ${deployment.symbolColor}`}>
+                        {index % 3 === 0 ? '◈' : index % 3 === 1 ? '◌' : '⬢'}
+                      </div>
+                      <div className="min-w-0">
+                        <div className="text-sm font-semibold leading-4 text-slate-900">{deployment.name}</div>
+                        <div className="text-xs text-slate-500">{deployment.symbol}</div>
+                      </div>
+                    </div>
+                    <span className="text-sm text-slate-400 flex-shrink-0">›</span>
+                  </div>
+
+                  <div className="grid grid-cols-2 gap-3 text-xs mb-3">
+                    <div>
+                      <div className="text-slate-500 font-semibold mb-0.5">Chain</div>
+                      <div className="flex items-center gap-1.5">
+                        <span className={`flex h-4 w-4 items-center justify-center rounded-full ${deployment.chainColor} text-[9px] font-bold`}>{deployment.chainShort}</span>
+                        <span className="text-slate-700 font-medium">{deployment.chain}</span>
+                      </div>
+                    </div>
+                    <div>
+                      <div className="text-slate-500 font-semibold mb-0.5">Asset</div>
+                      <div className="text-slate-700 font-medium">{deployment.chainShort}</div>
+                    </div>
+                    <div>
+                      <div className="text-slate-500 font-semibold mb-0.5">Reserve Ratio</div>
+                      <div className="text-emerald-600 font-semibold">{deployment.reserve}</div>
+                    </div>
+                    <div>
+                      <div className="text-slate-500 font-semibold mb-0.5">Supply</div>
+                      <div className="text-slate-700 font-medium">{deployment.supply}</div>
+                    </div>
+                  </div>
+
+                  <div>
+                    <div className="text-slate-500 text-xs font-semibold mb-1.5">Reserve Bar</div>
+                    <div className="h-1.5 rounded-full bg-slate-200 overflow-hidden">
+                      <div className="h-1.5 rounded-full bg-emerald-500" style={{ width: `${Math.max(60, deployment.ratio - 55)}%` }} />
+                    </div>
+                  </div>
+
+                  <div className="mt-3 pt-3 border-t border-slate-100 text-xs text-slate-600">
+                    TVL: <span className="font-semibold text-slate-800">{deployment.tvl}</span>
+                  </div>
+                </Link>
+              ))}
+            </div>
+
+            {/* Desktop Table Layout - visible on lg+ */}
+            <div className="hidden lg:block overflow-hidden rounded-3xl border border-amber-100 bg-white shadow-[0_18px_45px_rgba(15,23,42,0.08)]">
+              <table className="w-full border-collapse text-left">
                 <colgroup>
                   <col className="w-[26%]" />
                   <col className="w-[17%]" />
@@ -387,80 +442,80 @@ export default function Home() {
                   <col className="w-[11%]" />
                   <col className="w-[6%]" />
                 </colgroup>
-                  <thead>
-                    <tr className="border-b border-slate-200 bg-slate-50/80 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500">
-                      <th className="px-6 py-5">{tHome("activeDeployments").split(" ")[1] || "Deployment"}</th>
-                      <th className="px-6 py-5">Chain</th>
-                      <th className="px-6 py-5">Reserve Asset</th>
-                      <th className="px-6 py-5">{tDetail("reserveRatio")}</th>
-                      <th className="px-6 py-5">{tCommon("stablecoinSupply")}</th>
-                      <th className="px-6 py-5">TVL</th>
-                      <th className="px-5 py-5"></th>
-                    </tr>
-                  </thead>
-                  <tbody className="divide-y divide-slate-100">
-                    {deployments.map((deployment, index) => (
-                      <tr key={`${deployment.chain}-${index}`} className="group transition-colors hover:bg-amber-50/40">
-                        <td className="px-6 py-6 align-middle">
-                          <div className="flex items-center gap-4">
-                            <div className={`flex h-10 w-10 items-center justify-center rounded-full ${deployment.symbolBg} text-sm font-bold ${deployment.symbolColor}`}>
-                              {index % 3 === 0 ? '◈' : index % 3 === 1 ? '◌' : '⬢'}
-                            </div>
-                            <div>
-                              <div className="text-sm font-semibold leading-5 text-slate-900">{deployment.name}</div>
-                              <div className="text-xs leading-4 text-slate-500">{deployment.symbol}</div>
-                            </div>
-                          </div>
-                        </td>
-                        <td className="px-6 py-6 align-middle">
-                          <div className="flex items-center gap-2 text-sm font-medium text-slate-700 whitespace-nowrap">
-                            <span className={`flex h-5 w-5 items-center justify-center rounded-full ${deployment.chainColor} text-[10px] font-bold`}>{deployment.chainShort}</span>
-                            {deployment.chain}
+                <thead>
+                  <tr className="border-b border-slate-200 bg-slate-50/80 text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-500">
+                    <th className="px-6 py-5">{tHome("activeDeployments").split(" ")[1] || "Deployment"}</th>
+                    <th className="px-6 py-5">Chain</th>
+                    <th className="px-6 py-5">Reserve Asset</th>
+                    <th className="px-6 py-5">{tDetail("reserveRatio")}</th>
+                    <th className="px-6 py-5">{tCommon("stablecoinSupply")}</th>
+                    <th className="px-6 py-5">TVL</th>
+                    <th className="px-5 py-5"></th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-100">
+                  {deployments.map((deployment, index) => (
+                    <tr key={`${deployment.chain}-${index}`} className="group transition-colors hover:bg-amber-50/40">
+                      <td className="px-6 py-6 align-middle">
+                        <div className="flex items-center gap-4">
+                          <div className={`flex h-10 w-10 items-center justify-center rounded-full ${deployment.symbolBg} text-sm font-bold ${deployment.symbolColor}`}>
+                            {index % 3 === 0 ? '◈' : index % 3 === 1 ? '◌' : '⬢'}
                           </div>
-                        </td>
-                        <td className="px-6 py-6 align-middle">
-                          <div className="flex items-center gap-2 text-sm font-semibold text-slate-700 whitespace-nowrap">
-                            <span className={`flex h-5 w-5 items-center justify-center rounded-full ${deployment.chainColor} text-[10px] font-bold`}>{deployment.chainShort}</span>
-                            {deployment.chainShort}
+                          <div>
+                            <div className="text-sm font-semibold leading-5 text-slate-900">{deployment.name}</div>
+                            <div className="text-xs leading-4 text-slate-500">{deployment.symbol}</div>
                           </div>
-                        </td>
-                        <td className="px-6 py-6 align-middle">
-                          <div className="w-full max-w-[130px]">
-                            <div className="mb-2 text-sm font-semibold text-emerald-600">{deployment.reserve}</div>
-                            <div className="h-2 rounded-full bg-slate-200">
-                              <div className="h-2 rounded-full bg-emerald-500" style={{ width: `${Math.max(60, deployment.ratio - 55)}%` }} />
-                            </div>
+                        </div>
+                      </td>
+                      <td className="px-6 py-6 align-middle">
+                        <div className="flex items-center gap-2 text-sm font-medium text-slate-700 whitespace-nowrap">
+                          <span className={`flex h-5 w-5 items-center justify-center rounded-full ${deployment.chainColor} text-[10px] font-bold`}>{deployment.chainShort}</span>
+                          {deployment.chain}
+                        </div>
+                      </td>
+                      <td className="px-6 py-6 align-middle">
+                        <div className="flex items-center gap-2 text-sm font-semibold text-slate-700 whitespace-nowrap">
+                          <span className={`flex h-5 w-5 items-center justify-center rounded-full ${deployment.chainColor} text-[10px] font-bold`}>{deployment.chainShort}</span>
+                          {deployment.chainShort}
+                        </div>
+                      </td>
+                      <td className="px-6 py-6 align-middle">
+                        <div className="w-full max-w-[130px]">
+                          <div className="mb-2 text-sm font-semibold text-emerald-600">{deployment.reserve}</div>
+                          <div className="h-2 rounded-full bg-slate-200">
+                            <div className="h-2 rounded-full bg-emerald-500" style={{ width: `${Math.max(60, deployment.ratio - 55)}%` }} />
                           </div>
-                        </td>
-                        <td className="px-6 py-6 align-middle text-sm font-semibold text-slate-800 whitespace-nowrap">{deployment.supply}</td>
-                        <td className="px-6 py-6 align-middle text-sm font-semibold text-slate-800 whitespace-nowrap">{deployment.tvl}</td>
-                        <td className="px-5 py-6 align-middle text-right text-slate-400">
-                           <span className="inline-flex h-8 w-8 items-center justify-center rounded-full transition group-hover:bg-white group-hover:text-slate-700">›</span>
-                        </td>
-                      </tr>
-                    ))}
-                  </tbody>
-                </table>
+                        </div>
+                      </td>
+                      <td className="px-6 py-6 align-middle text-sm font-semibold text-slate-800 whitespace-nowrap">{deployment.supply}</td>
+                      <td className="px-6 py-6 align-middle text-sm font-semibold text-slate-800 whitespace-nowrap">{deployment.tvl}</td>
+                      <td className="px-5 py-6 align-middle text-right text-slate-400">
+                        <Link href={`/deployments/${deployment.id}`} className="inline-flex h-8 w-8 items-center justify-center rounded-full transition group-hover:bg-white group-hover:text-slate-700">›</Link>
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
             </div>
 
-            <aside className="relative overflow-hidden rounded-[2rem] border border-amber-100/80 bg-gradient-to-b from-white via-white/90 to-amber-50/40 p-8 shadow-[0_24px_70px_rgba(15,23,42,0.12),inset_0_1px_0_rgba(255,255,255,0.95)] ring-1 ring-amber-100/60 backdrop-blur-xl">
+            <aside className="relative overflow-hidden rounded-[1.5rem] sm:rounded-[2rem] border border-amber-100/80 bg-gradient-to-b from-white via-white/90 to-amber-50/40 p-6 sm:p-8 shadow-[0_24px_70px_rgba(15,23,42,0.12),inset_0_1px_0_rgba(255,255,255,0.95)] ring-1 ring-amber-100/60 backdrop-blur-xl">
               <div className="pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full bg-amber-200/35 blur-3xl"></div>
               <div className="pointer-events-none absolute -left-10 bottom-0 h-24 w-24 rounded-full bg-white/60 blur-2xl"></div>
               <div className="pointer-events-none absolute inset-x-6 top-6 h-px bg-gradient-to-r from-transparent via-amber-200 to-transparent"></div>
 
-              <div className="relative mb-8 flex h-28 w-28 items-center justify-center rounded-[1.5rem] bg-gradient-to-br from-amber-50 via-white to-amber-100 text-amber-500 shadow-[inset_0_1px_0_rgba(255,255,255,0.95),0_16px_36px_rgba(251,191,36,0.18)] ring-1 ring-white/80">
+              <div className="relative mb-6 sm:mb-8 flex h-24 w-24 sm:h-28 sm:w-28 items-center justify-center rounded-[1.5rem] bg-gradient-to-br from-amber-50 via-white to-amber-100 text-amber-500 shadow-[inset_0_1px_0_rgba(255,255,255,0.95),0_16px_36px_rgba(251,191,36,0.18)] ring-1 ring-white/80">
                 <svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
                   <path d="M12 2l7 3v6c0 5-3.4 9.6-7 11-3.6-1.4-7-6-7-11V5l7-3z" stroke="currentColor" strokeWidth="1.6" />
                   <path d="M9.5 12.2l1.9 1.9 3.6-4" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
                 </svg>
               </div>
 
-              <h3 className="max-w-xs text-2xl font-bold tracking-tight text-slate-900 drop-shadow-sm">{tHome("stabilityPaymentsTitle")}</h3>
-              <p className="mt-5 max-w-sm text-base leading-8 text-slate-600">
+              <h3 className="max-w-xs text-xl sm:text-2xl font-bold tracking-tight text-slate-900 drop-shadow-sm">{tHome("stabilityPaymentsTitle")}</h3>
+              <p className="mt-4 sm:mt-5 max-w-sm text-sm sm:text-base leading-7 sm:leading-8 text-slate-600">
                 {tHome("stabilityPaymentsDesc")}
               </p>
 
-              <a href="#" className="mt-10 inline-flex items-center gap-2 rounded-full border border-amber-200/80 bg-white/90 px-4 py-2 text-base font-semibold text-amber-600 shadow-[0_12px_28px_rgba(251,191,36,0.12)] transition hover:-translate-y-0.5 hover:bg-white hover:text-amber-700 hover:shadow-[0_16px_34px_rgba(251,191,36,0.18)]">
+              <a href="#" className="mt-8 sm:mt-10 inline-flex items-center gap-2 rounded-full border border-amber-200/80 bg-white/90 px-4 py-2 text-sm sm:text-base font-semibold text-amber-600 shadow-[0_12px_28px_rgba(251,191,36,0.12)] transition hover:-translate-y-0.5 hover:bg-white hover:text-amber-700 hover:shadow-[0_16px_34px_rgba(251,191,36,0.18)]">
                 {tHome("learnMoreAboutTectonic")}
                 <span aria-hidden>→</span>
               </a>
@@ -477,7 +532,7 @@ export default function Home() {
                 className="w-4 h-4 flex-shrink-0 opacity-0 -translate-x-1 transition-all duration-200 ease-out group-hover:opacity-100 group-hover:translate-x-0"
                 viewBox="0 0 24 24" fill="none" aria-hidden
               >
-                <path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
+                <path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
               </svg>
             </Link>
           </div>
@@ -485,41 +540,41 @@ export default function Home() {
       </section>
 
       {/* Protocol Overview — horizontal flow */}
-      <section id="build" className="py-20 px-6 bg-[#fbf6ec]">
-        <div className="mx-auto max-w-7xl rounded-[2rem] border border-amber-100 bg-white p-8 shadow-[0_22px_60px_rgba(15,23,42,0.08)] md:p-12">
-          <h2 className="text-center text-4xl font-semibold tracking-tight text-gray-900 md:text-5xl">{tHome("howItWorks")}</h2>
+      <section id="build" className="py-16 sm:py-20 px-4 sm:px-6 bg-[#fbf6ec]">
+        <div className="mx-auto max-w-7xl rounded-[1.5rem] sm:rounded-[2rem] border border-amber-100 bg-white p-5 sm:p-8 shadow-[0_22px_60px_rgba(15,23,42,0.08)] md:p-12">
+          <h2 className="text-center text-3xl sm:text-4xl font-semibold tracking-tight text-gray-900 md:text-5xl">{tHome("howItWorks")}</h2>
           <p className="mx-auto mt-4 max-w-2xl text-center text-base leading-7 text-slate-600 md:text-lg">
             {tHome("howItWorksDesc")}
           </p>
 
-          <div className="mt-12 rounded-[1.75rem] border border-amber-100 bg-gradient-to-b from-[#fffdf8] to-[#fff7eb] p-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.85)] md:p-8">
-            <div className="grid gap-4 md:grid-cols-[1fr_auto_1fr_auto_1fr_auto_1fr] md:items-stretch">
+          <div className="mt-10 sm:mt-12 rounded-[1.25rem] sm:rounded-[1.75rem] border border-amber-100 bg-gradient-to-b from-[#fffdf8] to-[#fff7eb] p-4 sm:p-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.85)] md:p-8">
+            <div className="grid gap-3 sm:gap-4 lg:grid-cols-[1fr_auto_1fr_auto_1fr_auto_1fr] lg:items-stretch">
 
-              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col">
+              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col min-w-0">
                 <div className="mx-auto mb-4 flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-amber-50 text-2xl text-amber-600 shadow-inner">1</div>
                 <h3 className="text-base font-semibold text-slate-900">{tHome("howItWorksSteps.1.title")}</h3>
                 <p className="mt-2 text-sm leading-6 text-slate-600 flex-1">{tHome("howItWorksSteps.1.desc")}</p>
               </div>
 
-              <div className="flex items-center justify-center text-3xl font-light text-amber-300 md:px-1 flex-shrink-0">→</div>
+              <div className="flex items-center justify-center text-2xl sm:text-3xl font-light text-amber-300 lg:px-1 flex-shrink-0 rotate-90 lg:rotate-0" aria-hidden>→</div>
 
-              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col">
+              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col min-w-0">
                 <div className="mx-auto mb-4 flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-amber-50 text-2xl text-amber-600 shadow-inner">2</div>
                 <h3 className="text-base font-semibold text-slate-900">{tHome("howItWorksSteps.2.title")}</h3>
                 <p className="mt-2 text-sm leading-6 text-slate-600 flex-1">{tHome("howItWorksSteps.2.desc")}</p>
               </div>
 
-              <div className="flex items-center justify-center text-3xl font-light text-amber-300 md:px-1 flex-shrink-0">→</div>
+              <div className="flex items-center justify-center text-2xl sm:text-3xl font-light text-amber-300 lg:px-1 flex-shrink-0 rotate-90 lg:rotate-0" aria-hidden>→</div>
 
-              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col">
+              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col min-w-0">
                 <div className="mx-auto mb-4 flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-amber-50 text-2xl text-amber-600 shadow-inner">3</div>
                 <h3 className="text-base font-semibold text-slate-900">{tHome("howItWorksSteps.3.title")}</h3>
                 <p className="mt-2 text-sm leading-6 text-slate-600 flex-1">{tHome("howItWorksSteps.3.desc")}</p>
               </div>
 
-              <div className="flex items-center justify-center text-3xl font-light text-amber-300 md:px-1 flex-shrink-0">→</div>
+              <div className="flex items-center justify-center text-2xl sm:text-3xl font-light text-amber-300 lg:px-1 flex-shrink-0 rotate-90 lg:rotate-0" aria-hidden>→</div>
 
-              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col">
+              <div className="rounded-2xl border border-amber-100 bg-white/80 p-5 text-center shadow-[0_10px_28px_rgba(15,23,42,0.06)] backdrop-blur-sm flex flex-col min-w-0">
                 <div className="mx-auto mb-4 flex h-14 w-14 flex-shrink-0 items-center justify-center rounded-full bg-amber-50 text-2xl text-amber-600 shadow-inner">4</div>
                 <h3 className="text-base font-semibold text-slate-900">{tHome("howItWorksSteps.4.title")}</h3>
                 <p className="mt-2 text-sm leading-6 text-slate-600 flex-1">{tHome("howItWorksSteps.4.desc")}</p>
@@ -538,41 +593,41 @@ export default function Home() {
       </section>
 
       {/* Community Section */}
-      <section className="relative py-20 px-6 bg-white border-t border-yellow-200 overflow-hidden">
+      <section className="relative py-16 sm:py-20 px-4 sm:px-6 bg-white border-t border-yellow-200 overflow-hidden">
         {/* subtle theme-consistent blobs */}
         <div className="pointer-events-none absolute -left-12 -top-8 h-40 w-40 rounded-full bg-yellow-200 opacity-30 blur-2xl"></div>
         <div className="pointer-events-none absolute -right-12 top-20 h-44 w-44 rounded-full bg-indigo-100 opacity-20 blur-2xl"></div>
 
         <div className="max-w-6xl mx-auto">
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8 items-center">
-            <div className="md:col-span-2">
-              <div className="relative inline-block mb-4" style={{display: 'inline-block'}}>
-                <h2 className="community-title text-4xl md:text-5xl font-semibold relative z-10 tracking-tight">{tHome("joinCommunity")}</h2>
+            <div className="md:col-span-2 min-w-0">
+              <div className="relative inline-block mb-4 max-w-full">
+                <h2 className="community-title text-3xl sm:text-4xl md:text-5xl font-semibold relative z-10 tracking-tight">{tHome("joinCommunity")}</h2>
               </div>
-              <p className="text-gray-700 text-lg md:text-xl leading-relaxed">
+              <p className="text-gray-700 text-base sm:text-lg md:text-xl leading-relaxed">
                 {tHome("joinCommunityDesc")}
               </p>
             </div>
 
-            <div className="flex justify-center md:justify-end">
-              <div className="inline-flex flex-col gap-4 rounded-3xl bg-white p-3 shadow-lg">
-                <a href="https://discord.gg/YzDKeEfWtS" target="_blank" rel="noopener noreferrer" className="btn-primary flex items-center gap-3 px-4 py-3">
+            <div className="flex justify-center md:justify-end w-full">
+              <div className="inline-flex w-full max-w-xs flex-col gap-4 rounded-3xl bg-white p-3 shadow-lg">
+                <a href="https://discord.gg/YzDKeEfWtS" target="_blank" rel="noopener noreferrer" className="btn-primary flex items-center justify-center gap-3 px-4 py-3">
                   <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
                     <path d="M20 3H4a1 1 0 00-1 1v16l4-4h13a1 1 0 001-1V4a1 1 0 00-1-1z" fill="currentColor" />
                   </svg>
                   DISCORD
                 </a>
 
-                <a href="https://t.me/StabilityNexus" target="_blank" rel="noopener noreferrer" className="btn-secondary flex items-center gap-3 px-4 py-3">
+                <a href="https://t.me/StabilityNexus" target="_blank" rel="noopener noreferrer" className="btn-secondary flex items-center justify-center gap-3 px-4 py-3">
                   <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
-                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.19-.08-.05-.19-.02-.27 0-.11.03-1.84 1.18-5.18 3.44-.49.33-.93.5-1.33.49-.44-.01-1.28-.24-1.9-.45-.77-.25-1.38-.39-1.33-.82.03-.22.34-.44.93-.68 3.63-1.58 6.05-2.62 7.25-3.12 3.45-1.43 4.16-1.68 4.63-1.69.1 0 .33.02.46.12.11.08.14.2.15.28.01.1-.01.23-.03.32z" fill="currentColor"/>
+                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.19-.08-.05-.19-.02-.27 0-.11.03-1.84 1.18-5.18 3.44-.49.33-.93.5-1.33.49-.44-.01-1.28-.24-1.9-.45-.77-.25-1.38-.39-1.33-.82.03-.22.34-.44.93-.68 3.63-1.58 6.05-2.62 7.25-3.12 3.45-1.43 4.16-1.68 4.63-1.69.1 0 .33.02.46.12.11.08.14.2.15.28.01.1-.01.23-.03.32z" fill="currentColor" />
                   </svg>
                   TELEGRAM
                 </a>
 
-                <a href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI" target="_blank" rel="noopener noreferrer" className="btn-secondary flex items-center gap-3 px-4 py-3">
+                <a href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI" target="_blank" rel="noopener noreferrer" className="btn-secondary flex items-center justify-center gap-3 px-4 py-3">
                   <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden>
-                    <path d="M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.3.8-.6v-2.2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.2-1.1-1.5-1.1-1.5-.9-.6.1-.6.1-.6 1 .1 1.6 1 1.6 1 .9 1.6 2.4 1.1 3 .8.1-.6.4-1.1.7-1.4-2.6-.3-5.3-1.3-5.3-5.8 0-1.3.5-2.4 1.2-3.3-.1-.3-.5-1.6.1-3.3 0 0 1-.3 3.3 1.2a11.5 11.5 0 016 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1.7.2 3 .1 3.3.7.9 1.2 2 1.2 3.3 0 4.5-2.7 5.4-5.3 5.8.4.4.8 1 1 2v3c0 .3.2.7.8.6A10.5 10.5 0 0023.5 12C23.5 5.7 18.3.5 12 .5z" fill="currentColor"/>
+                    <path d="M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.3.8-.6v-2.2c-3.2.7-3.9-1.4-3.9-1.4-.5-1.2-1.1-1.5-1.1-1.5-.9-.6.1-.6.1-.6 1 .1 1.6 1 1.6 1 .9 1.6 2.4 1.1 3 .8.1-.6.4-1.1.7-1.4-2.6-.3-5.3-1.3-5.3-5.8 0-1.3.5-2.4 1.2-3.3-.1-.3-.5-1.6.1-3.3 0 0 1-.3 3.3 1.2a11.5 11.5 0 016 0c2.3-1.5 3.3-1.2 3.3-1.2.6 1.7.2 3 .1 3.3.7.9 1.2 2 1.2 3.3 0 4.5-2.7 5.4-5.3 5.8.4.4.8 1 1 2v3c0 .3.2.7.8.6A10.5 10.5 0 0023.5 12C23.5 5.7 18.3.5 12 .5z" fill="currentColor" />
                   </svg>
                   GITHUB
                 </a>
@@ -583,17 +638,17 @@ export default function Home() {
       </section>
 
       {/* Footer */}
-      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-6 pt-14 pb-4">
+      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-4 sm:px-6 pt-14 pb-4">
         <div className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-amber-300 to-transparent opacity-80"></div>
         <div className="pointer-events-none absolute -left-16 bottom-0 h-40 w-40 rounded-full bg-amber-200/30 blur-3xl"></div>
         <div className="pointer-events-none absolute right-0 top-10 h-44 w-44 rounded-full bg-orange-200/30 blur-3xl"></div>
 
         <div className="relative mx-auto max-w-7xl px-2 pt-4 pb-0 md:px-6">
-          <div className="grid gap-10 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
-            <div className="max-w-sm flex flex-col items-start">
+          <div className="grid gap-10 sm:grid-cols-2 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
+            <div className="max-w-sm flex flex-col items-start sm:col-span-2 md:col-span-1">
               <div className="flex flex-col items-center text-center">
                 <div className="logo-hover-wrap mb-4 flex flex-col items-center gap-3 text-slate-900">
-                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" />
+                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" style={{ width: "auto" }} />
                   <span className="text-2xl font-black tracking-[0.04em] bg-gradient-to-b from-[#c38b44] to-[#7e4420] bg-clip-text text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] leading-none">TECTONIC</span>
                 </div>
                 <p className="max-w-xs text-sm leading-6 text-slate-600">
@@ -629,12 +684,12 @@ export default function Home() {
           </div>
         </div>
 
-        <div className="mt-24 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 pt-6 w-full">
+        <div className="relative mx-auto mt-16 sm:mt-24 flex max-w-7xl flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 px-2 pt-6 md:px-6 w-full">
           <p className="text-sm text-slate-600 text-center md:text-left">
             {tFooter("rights")}
           </p>
           <a href="https://stability.nexus/" target="_blank" rel="noopener noreferrer" className="inline-block hover:opacity-90 transition-opacity">
-            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-12 rounded-lg" unoptimized />
+            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-10 sm:h-12 rounded-lg" unoptimized />
           </a>
         </div>
       </footer>
diff --git a/components/ComparisonTable.tsx b/components/ComparisonTable.tsx
index 836228d..20599f3 100644
--- a/components/ComparisonTable.tsx
+++ b/components/ComparisonTable.tsx
@@ -30,44 +30,44 @@ export function ComparisonTable() {
   ];
 
   const renderIcons = (str: string) => {
-    if (str === '✅') {
+    if (str === "✅") {
       return (
         <>
           <span className="sr-only">{t("legend.yes")}</span>
-          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" className="inline-block w-5 h-5 text-emerald-500">
+          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" className="inline-block h-5 w-5 text-emerald-500">
             <path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" />
           </svg>
         </>
       );
     }
-    if (str === '❌') {
+    if (str === "❌") {
       return (
         <>
           <span className="sr-only">{t("legend.no")}</span>
-          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" className="inline-block w-5 h-5 text-rose-500">
+          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" className="inline-block h-5 w-5 text-rose-500">
             <path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" />
           </svg>
         </>
       );
     }
-    if (str === '⚠️' || str === '\u26A0\uFE0F' || str === '\u26A0') {
+    if (str === "⚠️" || str === "\u26A0\uFE0F" || str === "\u26A0") {
       return (
         <>
           <span className="sr-only">{t("legend.conditional")}</span>
-          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" className="inline-block w-5 h-5 text-amber-500">
+          <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" className="inline-block h-5 w-5 text-amber-500">
             <path d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z" />
           </svg>
         </>
       );
     }
-    if (str.includes('⭐')) {
+    if (str.includes("⭐")) {
       const starCount = (str.match(/⭐/g) || []).length;
       return (
         <>
           <span className="sr-only">{starCount} out of 5 stars</span>
-          <span aria-hidden="true" className="inline-flex">
+          <span aria-hidden="true" className="inline-flex flex-wrap justify-end gap-0.5">
             {Array.from({ length: starCount }).map((_, idx) => (
-              <svg key={idx} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="inline-block w-5 h-5 text-amber-400">
+              <svg key={idx} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="inline-block h-4 w-4 text-amber-400 sm:h-5 sm:w-5">
                 <path fillRule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clipRule="evenodd" />
               </svg>
             ))}
@@ -78,16 +78,19 @@ export function ComparisonTable() {
     return str;
   };
 
-  const formatText = (text: string, colIndex: number = -1) => {
+  const formatText = (text: string, colIndex: number = -1, mobile = false) => {
     const match = text.match(/^(.*?)(\d+)$/);
     if (match) {
       const footnoteKey = match[2];
       const tooltipText = t(`footnotes.${footnoteKey}`);
-      
+
       let tooltipPos = "left-1/2 -translate-x-1/2";
       let arrowPos = "left-1/2 -translate-x-1/2";
-      
-      if (colIndex === 0) {
+
+      if (mobile) {
+        tooltipPos = "left-0 right-0 translate-x-0 mx-auto max-w-[min(18rem,calc(100vw-2.5rem))]";
+        arrowPos = "left-1/2 -translate-x-1/2";
+      } else if (colIndex === 0) {
         tooltipPos = "left-0";
         arrowPos = "left-4";
       } else if (colIndex >= 4) {
@@ -98,12 +101,20 @@ export function ComparisonTable() {
       return (
         <>
           {renderIcons(match[1])}
-          <button type="button" aria-describedby={`footnote-tooltip-${footnoteKey}`} className="group relative inline-block cursor-help text-[11px] ml-[3px] text-amber-700/80 font-bold hover:text-amber-900 focus-visible:text-amber-900 focus-visible:outline-none transition-colors z-10">
+          <button
+            type="button"
+            aria-describedby={`footnote-tooltip-${footnoteKey}${mobile ? "-m" : ""}`}
+            className="group relative z-10 ml-[3px] inline-block cursor-help text-[11px] font-bold text-amber-700/80 transition-colors hover:text-amber-900 focus-visible:text-amber-900 focus-visible:outline-none"
+          >
             {footnoteKey}
             {tooltipText && tooltipText !== `footnotes.${footnoteKey}` && (
-              <span id={`footnote-tooltip-${footnoteKey}`} role="tooltip" className={`absolute bottom-[130%] ${tooltipPos} opacity-0 invisible translate-y-3 scale-95 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 group-hover:scale-100 group-focus-within:opacity-100 group-focus-within:visible group-focus-within:translate-y-0 group-focus-within:scale-100 transition-all duration-500 ease-out w-72 p-3.5 bg-[#FFC517] text-slate-900 text-xs rounded-xl shadow-[0_12px_35px_-5px_rgba(255,197,23,0.6)] z-[100] pointer-events-none whitespace-normal text-left font-semibold leading-relaxed`}>
+              <span
+                id={`footnote-tooltip-${footnoteKey}${mobile ? "-m" : ""}`}
+                role="tooltip"
+                className={`pointer-events-none absolute bottom-[130%] z-[100] ${tooltipPos} w-[min(18rem,calc(100vw-2rem))] rounded-xl bg-[#FFC517] p-3.5 text-left text-xs font-semibold leading-relaxed whitespace-normal text-slate-900 opacity-0 invisible translate-y-3 scale-95 shadow-[0_12px_35px_-5px_rgba(255,197,23,0.6)] transition-all duration-500 ease-out group-hover:visible group-hover:translate-y-0 group-hover:scale-100 group-hover:opacity-100 group-focus-within:visible group-focus-within:translate-y-0 group-focus-within:scale-100 group-focus-within:opacity-100`}
+              >
                 {tooltipText}
-                <svg className={`absolute top-[calc(100%-1px)] ${arrowPos} w-4 h-4 text-[#FFC517]`} viewBox="0 0 10 10">
+                <svg className={`absolute top-[calc(100%-1px)] ${arrowPos} h-4 w-4 text-[#FFC517]`} viewBox="0 0 10 10" aria-hidden>
                   <path d="M0,0 L10,0 L5,5 Z" fill="currentColor" />
                 </svg>
               </span>
@@ -116,82 +127,141 @@ export function ComparisonTable() {
   };
 
   return (
-    <div className="w-full mt-12 overflow-x-auto pb-8 p-4">
-      <div className="min-w-[1000px] bg-white/40 backdrop-blur-xl transition-all duration-500 ease-out rounded-2xl shadow-[0_8px_30px_rgba(0,0,0,0.08)] border border-white/60 p-2">
-        <table className="w-full text-left border-collapse">
-          <thead>
-            <tr>
-              <th scope="col" className="px-6 py-5 w-48 border-b border-r border-amber-300 bg-amber-200 rounded-tl-xl text-[13px] font-black text-amber-950 uppercase tracking-wider shadow-[inset_0_2px_0_rgba(251,191,36,0.3)]">
+    <div className="mt-8 w-full sm:mt-12">
+      {/* --- MOBILE CARD LAYOUT (< md) --- */}
+      <div className="space-y-3 md:hidden">
+        {features.map((feature) => (
+          <article
+            key={`mobile-${feature.name}`}
+            className="overflow-hidden rounded-2xl border border-amber-200/80 bg-white/80 shadow-[0_8px_24px_rgba(15,23,42,0.06)] backdrop-blur-sm"
+          >
+            <header className="border-b border-amber-200 bg-amber-100/80 px-3.5 py-3">
+              <p className="mb-1 text-[10px] font-black uppercase tracking-[0.18em] text-amber-700/80">
                 {t("legend.feature")}
-              </th>
-              {columns.map((col, i) => {
-                const isTectonic = i === columns.length - 1;
-                const isEvenCol = i % 2 === 0;
+              </p>
+              <h3 className="text-sm font-bold leading-snug text-amber-950">
+                {formatText(feature.name, 0, true)}
+              </h3>
+            </header>
+
+            <ul className="divide-y divide-amber-100/80">
+              {columns.map((col, colIndex) => {
+                const isTectonic = colIndex === columns.length - 1;
+                const score = feature.scores[colIndex];
+                const isIconScore = /^(✅|❌|⚠️|⭐+)/.test(score);
+
                 return (
-                  <th
-                    scope="col"
-                    key={col}
-                    onMouseEnter={() => setHoveredCol(i)}
-                    onMouseLeave={() => setHoveredCol(null)}
-                    className={`px-4 py-5 text-center text-[13px] font-bold leading-snug tracking-wide uppercase transition-all duration-300 ${
-                      isTectonic
-                        ? `bg-[#FFC517] text-[#1a1a1a] border-x-2 border-t-2 border-[#e6b115] shadow-[0_-4px_12px_rgba(255,197,23,0.35)] rounded-t-xl relative z-20 ${hoveredCol === i ? 'scale-[1.02] shadow-[0_-8px_20px_rgba(255,197,23,0.45)]' : ''}`
-                        : `text-amber-900 border-r border-b border-amber-300/80 ${
-                            hoveredCol === i ? "bg-amber-200 shadow-inner" : isEvenCol ? "bg-amber-100" : "bg-amber-50"
-                          }`
+                  <li
+                    key={`${feature.name}-${col}`}
+                    className={`flex items-start gap-3 px-3.5 py-3 ${
+                      isTectonic ? "bg-[#FFC517]/20" : "bg-white/50"
                     }`}
                   >
-                    {col}
-                  </th>
+                    <span
+                      className={`min-w-0 flex-1 text-left text-xs font-semibold leading-5 ${
+                        isTectonic ? "text-[#1a1a1a]" : "text-amber-950/80"
+                      }`}
+                    >
+                      {col}
+                    </span>
+                    <span
+                      className={`max-w-[58%] shrink-0 text-right text-xs font-medium leading-5 ${
+                        isTectonic ? "font-bold text-slate-900" : "text-slate-700"
+                      } ${isIconScore ? "whitespace-nowrap" : "whitespace-normal break-words"}`}
+                    >
+                      {formatText(score, colIndex + 1, true)}
+                    </span>
+                  </li>
                 );
               })}
-            </tr>
-          </thead>
-          <tbody>
-            {features.map((feature, rowIndex) => {
-              const isLastRow = rowIndex === features.length - 1;
-              const rowBg = rowIndex % 2 === 0 ? "bg-white/40" : "bg-slate-50/30";
+            </ul>
+          </article>
+        ))}
+      </div>
 
-              return (
-                <tr key={feature.name} className={`hover:bg-amber-50/50 transition-colors duration-150 ${rowBg}`}>
-                  <th
-                    scope="row"
-                    className={`px-6 py-5 text-sm font-bold text-amber-950 border-r border-amber-300/80 bg-amber-100/60 text-left ${
-                      isLastRow ? "border-b-0 rounded-bl-xl" : "border-b border-amber-200"
-                    }`}
-                  >
-                    {formatText(feature.name, 0)}
-                  </th>
-                  {feature.scores.map((score, colIndex) => {
-                    const isTectonic = colIndex === columns.length - 1;
-                    const isEvenCol = colIndex % 2 === 0;
+      {/* --- DESKTOP / TABLET TABLE (>= md) --- */}
+      <div className="hidden md:block w-full overflow-x-auto overscroll-x-contain pb-8 px-4 [-webkit-overflow-scrolling:touch]">
+        <div className="min-w-[1000px] rounded-2xl border border-white/60 bg-white/40 p-2 shadow-[0_8px_30px_rgba(0,0,0,0.08)] backdrop-blur-xl transition-all duration-500 ease-out">
+          <table className="w-full border-collapse text-left">
+            <thead>
+              <tr>
+                <th
+                  scope="col"
+                  className="w-48 rounded-tl-xl border-b border-r border-amber-300 bg-amber-200 px-6 py-5 text-[13px] font-black uppercase tracking-wider text-amber-950 shadow-[inset_0_2px_0_rgba(251,191,36,0.3)]"
+                >
+                  {t("legend.feature")}
+                </th>
+                {columns.map((col, i) => {
+                  const isTectonic = i === columns.length - 1;
+                  const isEvenCol = i % 2 === 0;
+                  return (
+                    <th
+                      scope="col"
+                      key={col}
+                      onMouseEnter={() => setHoveredCol(i)}
+                      onMouseLeave={() => setHoveredCol(null)}
+                      className={`px-4 py-5 text-center text-[13px] font-bold leading-snug tracking-wide uppercase transition-all duration-300 ${
+                        isTectonic
+                          ? `relative z-20 rounded-t-xl border-x-2 border-t-2 border-[#e6b115] bg-[#FFC517] text-[#1a1a1a] shadow-[0_-4px_12px_rgba(255,197,23,0.35)] ${hoveredCol === i ? "scale-[1.02] shadow-[0_-8px_20px_rgba(255,197,23,0.45)]" : ""}`
+                          : `border-r border-b border-amber-300/80 text-amber-900 ${
+                              hoveredCol === i ? "bg-amber-200 shadow-inner" : isEvenCol ? "bg-amber-100" : "bg-amber-50"
+                            }`
+                      }`}
+                    >
+                      {col}
+                    </th>
+                  );
+                })}
+              </tr>
+            </thead>
+            <tbody>
+              {features.map((feature, rowIndex) => {
+                const isLastRow = rowIndex === features.length - 1;
+                const rowBg = rowIndex % 2 === 0 ? "bg-white/40" : "bg-slate-50/30";
+
+                return (
+                  <tr key={feature.name} className={`transition-colors duration-150 hover:bg-amber-50/50 ${rowBg}`}>
+                    <th
+                      scope="row"
+                      className={`border-r border-amber-300/80 bg-amber-100/60 px-6 py-5 text-left text-sm font-bold text-amber-950 ${
+                        isLastRow ? "rounded-bl-xl border-b-0" : "border-b border-amber-200"
+                      }`}
+                    >
+                      {formatText(feature.name, 0)}
+                    </th>
+                    {feature.scores.map((score, colIndex) => {
+                      const isTectonic = colIndex === columns.length - 1;
+                      const isEvenCol = colIndex % 2 === 0;
 
-                    return (
-                      <td
-                        key={`${rowIndex}-${colIndex}`}
-                        onMouseEnter={() => setHoveredCol(colIndex)}
-                        onMouseLeave={() => setHoveredCol(null)}
-                        className={`px-4 py-5 text-sm text-center relative transition-all duration-300 ${
-                          isTectonic
-                            ? `border-x-2 border-[#e6b115] text-slate-900 font-bold z-10 ${
-                                hoveredCol === colIndex ? "bg-[#FFC517]/30 shadow-[0_4px_25px_rgba(255,197,23,0.25)] scale-[1.02]" : "bg-[#FFC517]/15 shadow-[0_4px_15px_rgba(255,197,23,0.1)]"
-                              } ${isLastRow ? "border-b-2 rounded-b-xl" : "border-b border-[#FFC517]/40"}`
-                            : `text-slate-700 border-r border-slate-200 ${
-                                hoveredCol === colIndex ? "bg-amber-50/80" : isEvenCol ? "bg-slate-50/30" : "bg-transparent"
-                              } ${isLastRow ? "border-b-0" : "border-b"}`
-                        }`}
-                      >
-                        <span className="font-medium text-[13px] leading-relaxed">
-                          {formatText(score, colIndex + 1)}
-                        </span>
-                      </td>
-                    );
-                  })}
-                </tr>
-              );
-            })}
-          </tbody>
-        </table>
+                      return (
+                        <td
+                          key={`${rowIndex}-${colIndex}`}
+                          onMouseEnter={() => setHoveredCol(colIndex)}
+                          onMouseLeave={() => setHoveredCol(null)}
+                          className={`relative px-4 py-5 text-center text-sm transition-all duration-300 ${
+                            isTectonic
+                              ? `z-10 border-x-2 border-[#e6b115] font-bold text-slate-900 ${
+                                  hoveredCol === colIndex
+                                    ? "scale-[1.02] bg-[#FFC517]/30 shadow-[0_4px_25px_rgba(255,197,23,0.25)]"
+                                    : "bg-[#FFC517]/15 shadow-[0_4px_15px_rgba(255,197,23,0.1)]"
+                                } ${isLastRow ? "rounded-b-xl border-b-2" : "border-b border-[#FFC517]/40"}`
+                              : `border-r border-slate-200 text-slate-700 ${
+                                  hoveredCol === colIndex ? "bg-amber-50/80" : isEvenCol ? "bg-slate-50/30" : "bg-transparent"
+                                } ${isLastRow ? "border-b-0" : "border-b"}`
+                          }`}
+                        >
+                          <span className="text-[13px] font-medium leading-relaxed">
+                            {formatText(score, colIndex + 1)}
+                          </span>
+                        </td>
+                      );
+                    })}
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
       </div>
     </div>
   );
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 3318af8..3fc454c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -10,16 +10,22 @@ import { useTranslations } from "@/lib/i18n";
 
 const NAV_ITEMS = [
   { href: "/deployments", label: "Deployments" },
-  { href: "#docs",        label: "Docs"        },
+  { href: "#docs", label: "Docs" },
 ];
 
-function CustomConnectButton() {
+/* --- TYPES --- */
+interface CustomConnectButtonProps {
+  variant?: "desktop" | "mobile";
+}
+
+function CustomConnectButton({ variant = "desktop" }: CustomConnectButtonProps) {
   const [dropdownOpen, setDropdownOpen] = useState(false);
   const { disconnect } = useDisconnect();
   const { address, connector } = useAccount();
   const { data: balanceData, isError, isLoading } = useBalance({ address });
   const dropdownRef = useRef<HTMLDivElement>(null);
   const t = useTranslations("common");
+  const isMobile = variant === "mobile";
 
   useEffect(() => {
     function handleClickOutside(event: MouseEvent) {
@@ -55,6 +61,7 @@ function CustomConnectButton() {
 
         return (
           <div
+            className={isMobile ? "w-full" : undefined}
             {...(!ready && {
               'aria-hidden': true,
               style: {
@@ -70,16 +77,22 @@ function CustomConnectButton() {
                   <button
                     onClick={openConnectModal}
                     type="button"
-                    className="btn-primary btn-hero group relative flex h-10 items-center justify-center rounded-full px-5 hover:pl-4 hover:pr-9 text-base leading-none transition-all duration-300 ease-out whitespace-nowrap shadow-md shadow-amber-500/20 hover:shadow-lg hover:shadow-amber-500/40"
+                    className={
+                      isMobile
+                        ? "btn-primary btn-hero group relative flex h-11 w-full min-w-0 items-center justify-center rounded-full px-5 text-sm leading-none transition-all duration-300 ease-out whitespace-nowrap shadow-md shadow-amber-500/20"
+                        : "btn-primary btn-hero group relative flex h-10 w-auto items-center justify-center rounded-full px-5 hover:pl-4 hover:pr-9 text-base leading-none transition-all duration-300 ease-out whitespace-nowrap shadow-md shadow-amber-500/20 hover:shadow-lg hover:shadow-amber-500/40"
+                    }
                   >
                     <span>
                       {t("connectWallet", { defaultValue: "Connect Wallet" })}
                     </span>
-                    <svg className="absolute right-3.5 opacity-0 -translate-x-2 transition-all duration-300 ease-out group-hover:translate-x-0 group-hover:opacity-100"
-                      width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden>
-                      <path d="M5 12h12" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-                      <path d="M13 6l6 6-6 6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-                    </svg>
+                    {!isMobile && (
+                      <svg className="absolute right-3.5 opacity-0 -translate-x-2 transition-all duration-300 ease-out group-hover:translate-x-0 group-hover:opacity-100"
+                        width="14" height="14" viewBox="0 0 24 24" fill="none" aria-hidden>
+                        <path d="M5 12h12" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
+                        <path d="M13 6l6 6-6 6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
+                      </svg>
+                    )}
                   </button>
                 );
               }
@@ -88,25 +101,44 @@ function CustomConnectButton() {
                 <button
                   onClick={openChainModal}
                   type="button"
-                  className="flex items-center gap-2 rounded-full px-4 py-2 h-10 text-sm font-black transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50 border border-amber-300/60 shadow-sm"
+                  className={
+                    isMobile
+                      ? "flex h-11 w-full min-w-0 items-center gap-2.5 rounded-full border border-amber-300/60 px-4 text-sm font-black shadow-sm transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50"
+                      : "flex h-10 w-auto items-center gap-2 rounded-full border border-amber-300/60 px-4 py-2 text-sm font-black shadow-sm transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50"
+                  }
                   style={{
                     background: "linear-gradient(135deg, rgba(254,243,199,0.95), rgba(255,237,213,0.9))",
                     backdropFilter: "blur(8px)",
                   }}
                 >
-                  {chain.hasIcon && chain.iconUrl && (
+                  {chain.hasIcon && chain.iconUrl ? (
                     /* eslint-disable-next-line @next/next/no-img-element */
-                    <img src={chain.iconUrl} alt={chain.name ?? t("network", { defaultValue: "Network" })} className="w-5 h-5 rounded-full" />
+                    <img src={chain.iconUrl} alt={chain.name ?? t("network", { defaultValue: "Network" })} className="h-5 w-5 flex-shrink-0 rounded-full" />
+                  ) : (
+                    <span className="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-200/80 text-[10px] font-black text-amber-800" aria-hidden>
+                      N
+                    </span>
+                  )}
+                  <span className={`min-w-0 flex-1 truncate font-mono text-xs font-black text-slate-800 ${isMobile ? "text-left" : ""}`}>
+                    {chain.name ?? t("wrongNetwork", { defaultValue: "Wrong Network" })}
+                  </span>
+                  {isMobile && (
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" className="flex-shrink-0 text-amber-700" aria-hidden>
+                      <path d="M9 6l6 6-6 6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
+                    </svg>
                   )}
-                  <span className="text-slate-800 font-mono text-xs font-black">{chain.name ?? t("wrongNetwork", { defaultValue: "Wrong Network" })}</span>
                 </button>
               );
 
               if (chain.unsupported) {
                 return (
-                  <div style={{ display: 'flex', gap: 12 }}>
+                  <div className={`flex ${isMobile ? "w-full flex-col gap-2.5" : "w-auto flex-row flex-wrap items-center justify-center gap-3"}`}>
                     {networkSelectorButton}
-                    <button onClick={openChainModal} type="button" className="btn-primary btn-hero h-10 rounded-full px-5 text-sm font-bold !bg-red-500 hover:!bg-red-600 shadow-md whitespace-nowrap">
+                    <button
+                      onClick={openChainModal}
+                      type="button"
+                      className={`btn-primary btn-hero h-11 rounded-full px-5 text-sm font-bold !bg-red-500 hover:!bg-red-600 shadow-md whitespace-nowrap min-w-0 ${isMobile ? "w-full" : "w-auto h-10"}`}
+                    >
                       {t("wrongNetwork", { defaultValue: "Wrong network" })}
                     </button>
                   </div>
@@ -114,53 +146,85 @@ function CustomConnectButton() {
               }
 
               return (
-                <div style={{ display: 'flex', gap: 12 }}>
+                <div className={`flex ${isMobile ? "w-full flex-col gap-2.5" : "w-auto flex-row flex-wrap items-center justify-center gap-3"}`}>
                   {networkSelectorButton}
-                  <div className="relative" ref={dropdownRef}>
+                  <div className={`relative ${isMobile ? "w-full" : "w-auto"}`} ref={dropdownRef}>
                     <button
                       onClick={() => setDropdownOpen(!dropdownOpen)}
                       type="button"
-                      className="group relative flex items-center gap-2.5 rounded-full px-4 py-2 h-10 text-sm font-black transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50 border border-amber-300/60 shadow-sm"
+                      className={
+                        isMobile
+                          ? "group relative flex h-11 w-full min-w-0 items-center gap-2.5 rounded-full border border-amber-300/60 px-4 text-sm font-black shadow-sm transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50"
+                          : "group relative flex h-10 w-auto items-center gap-2.5 rounded-full border border-amber-300/60 px-4 py-2 text-sm font-black shadow-sm transition-all duration-200 hover:shadow-md hover:shadow-amber-200/50 whitespace-nowrap"
+                      }
                       style={{
                         background: "linear-gradient(135deg, rgba(254,243,199,0.95), rgba(255,237,213,0.9))",
                         backdropFilter: "blur(8px)",
                       }}
+                      aria-expanded={dropdownOpen}
+                      aria-haspopup="menu"
                     >
-                      <span className="text-slate-800 font-mono text-xs font-black">{account.displayName}</span>
-                      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" className={`text-amber-600 transition-transform duration-200 ${dropdownOpen ? 'rotate-180' : ''}`} aria-hidden>
-                        <path d="M6 9l6 6 6-6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
+                      <span className={`min-w-0 flex-1 truncate font-mono text-xs font-black text-slate-800 ${isMobile ? "text-left" : ""}`}>
+                        {account.displayName}
+                      </span>
+                      <svg
+                        width="12"
+                        height="12"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        className={`flex-shrink-0 text-amber-600 transition-transform duration-200 ${dropdownOpen ? "rotate-180" : ""}`}
+                        aria-hidden
+                      >
+                        <path d="M6 9l6 6 6-6" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" />
                       </svg>
                     </button>
 
-                    {/* Custom Dropdown */}
-                    <div className={`absolute right-0 mt-2 w-72 rounded-2xl border border-amber-200/60 bg-white/95 backdrop-blur-xl p-5 shadow-[0_8px_30px_rgb(0,0,0,0.08)] z-50 origin-top-right transition-all duration-200 ease-out ${dropdownOpen ? 'opacity-100 scale-100 translate-y-0 visible pointer-events-auto' : 'opacity-0 scale-95 -translate-y-2 invisible pointer-events-none'}`}>
-                      <div className="mb-4 border-b border-amber-100 pb-4 flex items-center justify-between">
-                        <div>
-                          <p className="text-[10px] font-black text-amber-500 uppercase tracking-[0.15em] mb-1.5">{t("wallet", { defaultValue: "Wallet" })}</p>
-                          <p className="text-sm font-bold text-slate-800 flex items-center gap-2">
-                            {connector?.name || 'Connected Wallet'}
+                    {/* Custom Dropdown — constrained to viewport on mobile */}
+                    <div
+                      role="menu"
+                      className={[
+                        "absolute z-50 origin-top-right rounded-2xl border border-amber-200/60 bg-white/95 p-4 shadow-[0_8px_30px_rgb(0,0,0,0.08)] backdrop-blur-xl transition-all duration-200 ease-out sm:p-5",
+                        isMobile
+                          ? "left-0 right-0 mt-2 w-full max-w-full"
+                          : "right-0 mt-2 w-72 max-w-[calc(100vw-2rem)]",
+                        dropdownOpen
+                          ? "visible translate-y-0 scale-100 opacity-100 pointer-events-auto"
+                          : "invisible -translate-y-2 scale-95 opacity-0 pointer-events-none",
+                      ].join(" ")}
+                    >
+                      <div className="mb-4 flex items-center justify-between border-b border-amber-100 pb-4">
+                        <div className="min-w-0">
+                          <p className="mb-1.5 text-[10px] font-black uppercase tracking-[0.15em] text-amber-500">
+                            {t("wallet", { defaultValue: "Wallet" })}
+                          </p>
+                          <p className="truncate text-sm font-bold text-slate-800">
+                            {connector?.name || "Connected Wallet"}
                           </p>
                         </div>
                       </div>
                       <div className="mb-4 border-b border-amber-100 pb-4">
-                        <p className="text-[10px] font-black text-amber-500 uppercase tracking-[0.15em] mb-1.5">{t("connectedAddress", { defaultValue: "Connected Address" })}</p>
-                        <p className="text-sm font-mono font-bold text-slate-800 break-all bg-slate-50 p-2.5 rounded-lg border border-slate-100">
+                        <p className="mb-1.5 text-[10px] font-black uppercase tracking-[0.15em] text-amber-500">
+                          {t("connectedAddress", { defaultValue: "Connected Address" })}
+                        </p>
+                        <p className="break-all rounded-lg border border-slate-100 bg-slate-50 p-2.5 font-mono text-sm font-bold text-slate-800">
                           {account.address}
                         </p>
                       </div>
                       <div className="mb-5">
-                        <p className="text-[10px] font-black text-amber-500 uppercase tracking-[0.15em] mb-1.5">{t("availableBalance", { defaultValue: "Available Balance" })}</p>
+                        <p className="mb-1.5 text-[10px] font-black uppercase tracking-[0.15em] text-amber-500">
+                          {t("availableBalance", { defaultValue: "Available Balance" })}
+                        </p>
                         <div className="text-2xl font-black text-slate-900">
                           {account.displayBalance ? (
                             account.displayBalance
                           ) : isLoading ? (
-                            <span className="text-sm text-slate-500 font-medium tracking-normal">Loading...</span>
+                            <span className="text-sm font-medium tracking-normal text-slate-500">Loading...</span>
                           ) : isError ? (
-                            <span className="text-sm text-red-500 font-medium tracking-normal">Error fetching balance</span>
+                            <span className="text-sm font-medium tracking-normal text-red-500">Error fetching balance</span>
                           ) : balanceData ? (
                             `${Number(balanceData.formatted).toFixed(4)} ${balanceData.symbol}`
                           ) : (
-                            <span className="text-sm text-slate-500 font-medium tracking-normal">Unavailable</span>
+                            <span className="text-sm font-medium tracking-normal text-slate-500">Unavailable</span>
                           )}
                         </div>
                       </div>
@@ -170,9 +234,9 @@ function CustomConnectButton() {
                           disconnect();
                           setDropdownOpen(false);
                         }}
-                        className="w-full rounded-xl bg-red-50 py-3 text-sm font-black text-red-600 transition-colors hover:bg-red-100 border border-red-100 flex items-center justify-center gap-2"
+                        className="flex w-full items-center justify-center gap-2 rounded-xl border border-red-100 bg-red-50 py-3 text-sm font-black text-red-600 transition-colors hover:bg-red-100"
                       >
-                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
                           <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
                           <polyline points="16 17 21 12 16 7"></polyline>
                           <line x1="21" y1="12" x2="9" y2="12"></line>
@@ -204,18 +268,35 @@ export default function Navbar() {
   const linkClass = (href: string) =>
     `nav-link px-4 py-2 text-lg leading-none font-semibold ${isActive(href) ? "text-amber-600 active-nav-link" : ""}`;
 
-  return (
-    <nav className="fixed top-0 w-full z-50 glassy-navbar">
-      <div className="flex h-[68px] w-full items-center justify-between gap-6 px-4 py-0 sm:px-6">
+  const mobileLinkClass = (href: string) =>
+    `flex w-full items-center rounded-xl px-3.5 py-3 text-base font-semibold leading-none transition ${
+      isActive(href)
+        ? "bg-amber-50 text-amber-700"
+        : "text-slate-700 hover:bg-amber-50 hover:text-amber-700"
+    }`;
+
+  // Prevent background scroll while mobile drawer is open
+  useEffect(() => {
+    if (!menuOpen) return;
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previous;
+    };
+  }, [menuOpen]);
 
-        {/* logo */}
-        <Link href="/" className="logo-hover-wrap mr-auto flex flex-shrink-0 items-center gap-3">
+  return (
+    <nav className="glassy-navbar fixed top-0 z-50 w-full">
+      {/* Top bar — logo + desktop links + wallet/hamburger */}
+      <div className="flex h-[68px] w-full flex-shrink-0 items-center justify-between gap-3 px-4 sm:gap-6 sm:px-6">
+        <Link href="/" className="logo-hover-wrap mr-auto flex flex-shrink-0 items-center gap-3" onClick={() => setMenuOpen(false)}>
           <Image
             src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`}
             alt="Tectonic"
             width={130}
             height={36}
             className="logo-hover-zoom h-9 w-auto object-contain sm:h-10"
+            style={{ width: "auto" }}
             priority
           />
           <span className="hidden text-xl leading-none font-black tracking-[0.04em] bg-gradient-to-b from-[#c38b44] to-[#7e4420] bg-clip-text text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] sm:block">
@@ -230,51 +311,82 @@ export default function Navbar() {
               ? <a key={item.label} href={item.href} className={linkClass(item.href)}>{item.label}</a>
               : <Link key={item.label} href={item.href} className={linkClass(item.href)}>{item.label}</Link>
           )}
-          <a href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI" target="_blank" rel="noopener noreferrer"
-            className="nav-link px-4 py-2 text-lg leading-none font-semibold">Github</a>
+          <a
+            href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="nav-link px-4 py-2 text-lg leading-none font-semibold"
+          >
+            Github
+          </a>
         </div>
 
-        {/* right: wallet button */}
         <div className="ml-auto flex flex-shrink-0 items-center gap-3">
-          
-          <div className="hidden sm:block">
-            <CustomConnectButton />
+          <div className="hidden md:block">
+            <CustomConnectButton variant="desktop" />
           </div>
 
-          {/* hamburger */}
-          <button type="button" onClick={() => setMenuOpen(o => !o)}
-            className="flex h-9 w-9 flex-col items-center justify-center gap-1.5 rounded-lg transition hover:bg-slate-100 md:hidden"
-            aria-label="Menu" aria-expanded={menuOpen}>
-            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "translate-y-2 rotate-45" : ""}`}/>
-            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "opacity-0" : ""}`}/>
-            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "-translate-y-2 -rotate-45" : ""}`}/>
+          <button
+            type="button"
+            onClick={() => setMenuOpen(o => !o)}
+            className={`flex h-9 w-9 flex-col items-center justify-center gap-1.5 rounded-lg transition hover:bg-slate-100 md:hidden ${menuOpen ? "bg-slate-100" : ""}`}
+            aria-label={menuOpen ? "Close menu" : "Menu"}
+            aria-expanded={menuOpen}
+            aria-controls="mobile-nav-drawer"
+          >
+            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "translate-y-2 rotate-45" : ""}`} />
+            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "opacity-0" : ""}`} />
+            <span className={`block h-0.5 w-5 bg-slate-700 transition-all duration-200 ${menuOpen ? "-translate-y-2 -rotate-45" : ""}`} />
           </button>
         </div>
       </div>
 
-      {/* mobile dropdown */}
+      {/* Mobile drawer — single-column stack below header */}
       {menuOpen && (
-        <div className="border-t border-amber-100 bg-white/95 px-4 py-3 backdrop-blur-md md:hidden">
-          <div className="flex flex-col gap-1">
-            {NAV_ITEMS.map(item =>
-              item.href.startsWith("#")
-                ? <a key={item.label} href={item.href} onClick={() => setMenuOpen(false)}
-                    className={`rounded-xl px-3 py-2.5 text-lg leading-none font-semibold transition ${isActive(item.href) ? "bg-amber-50 text-amber-700" : "text-slate-700 hover:bg-amber-50 hover:text-amber-700"}`}>
-                    {item.label}
-                  </a>
-                : <Link key={item.label} href={item.href} onClick={() => setMenuOpen(false)}
-                    className={`rounded-xl px-3 py-2.5 text-lg leading-none font-semibold transition ${isActive(item.href) ? "bg-amber-50 text-amber-700" : "text-slate-700 hover:bg-amber-50 hover:text-amber-700"}`}>
-                    {item.label}
-                  </Link>
-            )}
-            <a href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI" target="_blank" rel="noopener noreferrer"
-              onClick={() => setMenuOpen(false)}
-              className="rounded-xl px-3 py-2.5 text-lg leading-none font-semibold text-slate-700 hover:bg-amber-50 hover:text-amber-700 transition">
-              Github
-            </a>
+        <div
+          id="mobile-nav-drawer"
+          className="w-full border-t border-amber-100/80 bg-white/97 shadow-[0_12px_28px_rgba(15,23,42,0.08)] backdrop-blur-md md:hidden"
+        >
+          <div className="flex w-full flex-col px-4 pb-5 pt-3 sm:px-5">
+            {/* Navigation links */}
+            <div className="flex flex-col gap-1.5 py-1">
+              {NAV_ITEMS.map(item =>
+                item.href.startsWith("#")
+                  ? (
+                    <a
+                      key={item.label}
+                      href={item.href}
+                      onClick={() => setMenuOpen(false)}
+                      className={mobileLinkClass(item.href)}
+                    >
+                      {item.label}
+                    </a>
+                  )
+                  : (
+                    <Link
+                      key={item.label}
+                      href={item.href}
+                      onClick={() => setMenuOpen(false)}
+                      className={mobileLinkClass(item.href)}
+                    >
+                      {item.label}
+                    </Link>
+                  )
+              )}
+              <a
+                href="https://github.com/StabilityNexus/Tectonic-EVM-WebUI"
+                target="_blank"
+                rel="noopener noreferrer"
+                onClick={() => setMenuOpen(false)}
+                className="flex w-full items-center rounded-xl px-3.5 py-3 text-base font-semibold leading-none text-slate-700 transition hover:bg-amber-50 hover:text-amber-700"
+              >
+                Github
+              </a>
+            </div>
 
-            <div className="mt-3 flex justify-center">
-              <CustomConnectButton />
+            {/* Wallet / network */}
+            <div className="mt-3 border-t border-amber-100 pt-4">
+              <CustomConnectButton variant="mobile" />
             </div>
           </div>
         </div>
diff --git a/config/wagmi.ts b/config/wagmi.ts
index 45de0dc..e6ac8e5 100644
--- a/config/wagmi.ts
+++ b/config/wagmi.ts
@@ -3,7 +3,7 @@ import { classic, sepolia, hardhat, polygonAmoy, base } from 'wagmi/chains';
 
 export const config = getDefaultConfig({
   appName: 'Tectonic-EVM-WebUI',
-  projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || 'c4a4f8d9b1dbbb3d5006b9ef2db5c4a7', // Fallback to public demo ID without localhost restrictions
+  projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID || 'c6c5ac93b740dd7e9bcbed9817de7220', // Fallback to public demo ID without localhost restrictions
   chains: [classic, base, sepolia, polygonAmoy, hardhat],
   ssr: true,
 });
diff --git a/lib/deployments-ui.tsx b/lib/deployments-ui.tsx
index a26b702..a105e28 100644
--- a/lib/deployments-ui.tsx
+++ b/lib/deployments-ui.tsx
@@ -122,7 +122,7 @@ export function ReserveWidget({
       className={`rounded-xl border ${c.cardBorder} bg-white p-4 flex flex-col gap-2.5 shadow-sm`}
     >
       {label && (
-        <div className="text-xs font-semibold text-gray-500 uppercase tracking-wide">
+        <div className="text-xs font-semibold text-gray-500 uppercase tracking-wide break-words">
           {label}
         </div>
       )}
@@ -158,14 +158,14 @@ export function PageShell({
       <Navbar />
       <div className="pt-[68px] border-b border-[#e7dac4] bg-white">
         <div className="max-w-7xl mx-auto px-4 sm:px-6 py-8 flex items-start justify-between flex-wrap gap-4">
-          <div>
+          <div className="min-w-0 flex-1">
             <Link
               href="/deployments"
               className="text-xs font-semibold text-amber-600 hover:text-amber-700 transition flex items-center gap-1 mb-3"
             >
               ← Back to Deployments
             </Link>
-            <h1 className="text-2xl md:text-3xl font-bold text-[#1a1a1a]">
+            <h1 className="text-xl sm:text-2xl md:text-3xl font-bold text-[#1a1a1a] break-words">
               {title}
             </h1>
             <p className="text-gray-500 text-sm mt-1 max-w-xl">{subtitle}</p>
@@ -177,16 +177,16 @@ export function PageShell({
         <div className="max-w-7xl mx-auto px-4 sm:px-6 py-8">{children}</div>
       </main>
       {/* footer — identical to homepage */}
-      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-6 pt-14 pb-4">
+      <footer className="relative overflow-hidden border-t border-amber-200 bg-gradient-to-br from-amber-50 via-white to-orange-50 px-4 sm:px-6 pt-14 pb-4">
         <div className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-amber-300 to-transparent opacity-80" />
         <div className="pointer-events-none absolute -left-16 bottom-0 h-40 w-40 rounded-full bg-amber-200/30 blur-3xl" />
         <div className="pointer-events-none absolute right-0 top-10 h-44 w-44 rounded-full bg-orange-200/30 blur-3xl" />
         <div className="relative mx-auto max-w-7xl px-2 pt-4 pb-0 md:px-6">
-          <div className="grid gap-10 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
-            <div className="max-w-sm flex flex-col items-start">
+          <div className="grid gap-10 sm:grid-cols-2 md:grid-cols-[1.25fr_1fr_1fr_1fr] md:gap-12">
+            <div className="max-w-sm flex flex-col items-start sm:col-span-2 md:col-span-1">
               <div className="flex flex-col items-center text-center">
                 <div className="logo-hover-wrap mb-4 flex flex-col items-center gap-3 text-slate-900">
-                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" />
+                  <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/Logo.svg`} alt="Tectonic logo" width={72} height={72} className="logo-hover-zoom h-16 w-auto object-contain" style={{ width: "auto" }} />
                   <span className="text-2xl font-black tracking-[0.04em] bg-gradient-to-b from-[#c38b44] to-[#7e4420] bg-clip-text text-transparent drop-shadow-[0_2px_4px_rgba(0,0,0,0.4)] leading-none">
                     TECTONIC
                   </span>
@@ -250,12 +250,12 @@ export function PageShell({
           </div>
         </div>
 
-        <div className="mt-24 flex flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 pt-6 w-full">
+        <div className="relative mx-auto mt-16 sm:mt-24 flex max-w-7xl flex-col md:flex-row items-center justify-between gap-4 border-t border-amber-200/80 px-2 pt-6 md:px-6 w-full">
           <p className="text-sm text-slate-600 text-center md:text-left">
             © 2026 Tectonic Protocol. All rights reserved.
           </p>
           <a href="https://stability.nexus/" target="_blank" rel="noopener noreferrer" className="inline-block hover:opacity-90 transition-opacity">
-            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-12 rounded-lg" unoptimized />
+            <Image src={`${process.env.NEXT_PUBLIC_BASE_PATH ?? ""}/logo-animated.gif`} alt="Stability Nexus Badge" width={180} height={50} className="w-auto h-10 sm:h-12 rounded-lg" unoptimized />
           </a>
         </div>
       </footer>
diff --git a/package-lock.json b/package-lock.json
index 4e773f4..4fed06d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,9 @@
       "dependencies": {
         "@rainbow-me/rainbowkit": "^2.2.11",
         "@tanstack/react-query": "^5.101.2",
+        "@x402/core": "^2.28.0",
+        "@x402/evm": "^2.28.0",
+        "@x402/svm": "^2.28.0",
         "next": "16.1.6",
         "react": "19.2.3",
         "react-dom": "19.2.3",
@@ -416,15 +419,6 @@
         }
       }
     },
-    "node_modules/@coinbase/cdp-sdk/node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
-    },
     "node_modules/@coinbase/wallet-sdk": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/@coinbase/wallet-sdk/-/wallet-sdk-4.3.6.tgz",
@@ -3297,6 +3291,15 @@
       "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
       "license": "MIT"
     },
+    "node_modules/@solana-program/compute-budget": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@solana-program/compute-budget/-/compute-budget-0.11.0.tgz",
+      "integrity": "sha512-7f1ePqB/eURkTwTOO9TNIdUXZcyrZoX3Uy2hNo7cXMfNhPFWp9AVgIyRNBc2jf15sdUa9gNpW+PfP2iV8AYAaw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@solana/kit": "^5.0"
+      }
+    },
     "node_modules/@solana-program/system": {
       "version": "0.10.0",
       "resolved": "https://registry.npmjs.org/@solana-program/system/-/system-0.10.0.tgz",
@@ -3315,6 +3318,16 @@
         "@solana/kit": "^5.0"
       }
     },
+    "node_modules/@solana-program/token-2022": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@solana-program/token-2022/-/token-2022-0.6.1.tgz",
+      "integrity": "sha512-Ex02cruDMGfBMvZZCrggVR45vdQQSI/unHVpt/7HPt/IwFYB4eTlXtO8otYZyqV/ce5GqZ8S6uwyRf0zy6fdbA==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@solana/kit": "^5.0",
+        "@solana/sysvars": "^5.0"
+      }
+    },
     "node_modules/@solana/accounts": {
       "version": "5.5.1",
       "resolved": "https://registry.npmjs.org/@solana/accounts/-/accounts-5.5.1.tgz",
@@ -3332,7 +3345,1225 @@
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/addresses": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/addresses/-/addresses-5.5.1.tgz",
+      "integrity": "sha512-5xoah3Q9G30HQghu/9BiHLb5pzlPKRC3zydQDmE3O9H//WfayxTFppsUDCL6FjYUHqj/wzK6CWHySglc2RkpdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/assertions": "5.5.1",
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-strings": "5.5.1",
+        "@solana/errors": "5.5.1",
+        "@solana/nominal-types": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/assertions": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/assertions/-/assertions-5.5.1.tgz",
+      "integrity": "sha512-YTCSWAlGwSlVPnWtWLm3ukz81wH4j2YaCveK+TjpvUU88hTy6fmUqxi0+hvAMAe4zKXpJyj3Az7BrLJRxbIm4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/codecs": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/codecs/-/codecs-5.5.1.tgz",
+      "integrity": "sha512-Vea29nJub/bXjfzEV7ZZQ/PWr1pYLZo3z0qW0LQL37uKKVzVFRQlwetd7INk3YtTD3xm9WUYr7bCvYUk3uKy2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-data-structures": "5.5.1",
+        "@solana/codecs-numbers": "5.5.1",
+        "@solana/codecs-strings": "5.5.1",
+        "@solana/options": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/codecs-core": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-core/-/codecs-core-5.5.1.tgz",
+      "integrity": "sha512-TgBt//bbKBct0t6/MpA8ElaOA3sa8eYVvR7LGslCZ84WiAwwjCY0lW/lOYsFHJQzwREMdUyuEyy5YWBKtdh8Rw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/codecs-data-structures": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-data-structures/-/codecs-data-structures-5.5.1.tgz",
+      "integrity": "sha512-97bJWGyUY9WvBz3mX1UV3YPWGDTez6btCfD0ip3UVEXJbItVuUiOkzcO5iFDUtQT5riKT6xC+Mzl+0nO76gd0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-numbers": "5.5.1",
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/codecs-numbers": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-numbers/-/codecs-numbers-5.5.1.tgz",
+      "integrity": "sha512-rllMIZAHqmtvC0HO/dc/21wDuWaD0B8Ryv8o+YtsICQBuiL/0U4AGwH7Pi5GNFySYk0/crSuwfIqQFtmxNSPFw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/codecs-strings": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-strings/-/codecs-strings-5.5.1.tgz",
+      "integrity": "sha512-7klX4AhfHYA+uKKC/nxRGP2MntbYQCR3N6+v7bk1W/rSxYuhNmt+FN8aoThSZtWIKwN6BEyR1167ka8Co1+E7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-numbers": "5.5.1",
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "fastestsmallesttextencoderdecoder": "^1.0.22",
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "fastestsmallesttextencoderdecoder": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/errors": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/errors/-/errors-5.5.1.tgz",
+      "integrity": "sha512-vFO3p+S7HoyyrcAectnXbdsMfwUzY2zYFUc2DEe5BwpiE9J1IAxPBGjOWO6hL1bbYdBrlmjNx8DXCslqS+Kcmg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "5.6.2",
+        "commander": "14.0.2"
+      },
+      "bin": {
+        "errors": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/errors/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@solana/fast-stable-stringify": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/fast-stable-stringify/-/fast-stable-stringify-5.5.1.tgz",
+      "integrity": "sha512-Ni7s2FN33zTzhTFgRjEbOVFO+UAmK8qi3Iu0/GRFYK4jN696OjKHnboSQH/EacQ+yGqS54bfxf409wU5dsLLCw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/fixed-points": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/fixed-points/-/fixed-points-6.10.0.tgz",
+      "integrity": "sha512-ZkKL0alXH3L7/wMiVG8YUuG8qBKunlM810+YBD7nUPRhifiGsX1zwADViHLYNqLr/jUk0mTYFUcKznTpB/K+Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/fixed-points/node_modules/@solana/codecs-core": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-core/-/codecs-core-6.10.0.tgz",
+      "integrity": "sha512-nfAl9OMGo4HanIMxGsQoVB7BxMoqBCYEUxl8oEAZZ09pDxnaXQZkTRXEwPPccag37XfW1ciPd1vWPKwB2b0HHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/fixed-points/node_modules/@solana/errors": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/errors/-/errors-6.10.0.tgz",
+      "integrity": "sha512-KBLAxCtAXr357JNhCyIDQXWbuSj5vN6w+28FSfcYY6OOSiphmXLAV3V58jgV0C6iNbIzFJFi6yatFyDTdeJsNg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "5.6.2",
+        "commander": "15.0.0"
+      },
+      "bin": {
+        "errors": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/fixed-points/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@solana/fixed-points/node_modules/commander": {
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-15.0.0.tgz",
+      "integrity": "sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@solana/functional": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/functional/-/functional-5.5.1.tgz",
+      "integrity": "sha512-tTHoJcEQq3gQx5qsdsDJ0LEJeFzwNpXD80xApW9o/PPoCNimI3SALkZl+zNW8VnxRrV3l3yYvfHWBKe/X3WG3w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/instruction-plans": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/instruction-plans/-/instruction-plans-5.5.1.tgz",
+      "integrity": "sha512-7z3CB7YMcFKuVvgcnNY8bY6IsZ8LG61Iytbz7HpNVGX2u1RthOs1tRW8luTzSG1MPL0Ox7afyAVMYeFqSPHnaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "5.5.1",
+        "@solana/instructions": "5.5.1",
+        "@solana/keys": "5.5.1",
+        "@solana/promises": "5.5.1",
+        "@solana/transaction-messages": "5.5.1",
+        "@solana/transactions": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/instructions": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/instructions/-/instructions-5.5.1.tgz",
+      "integrity": "sha512-h0G1CG6S+gUUSt0eo6rOtsaXRBwCq1+Js2a+Ps9Bzk9q7YHNFA75/X0NWugWLgC92waRp66hrjMTiYYnLBoWOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/keys": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/keys/-/keys-5.5.1.tgz",
+      "integrity": "sha512-KRD61cL7CRL+b4r/eB9dEoVxIf/2EJ1Pm1DmRYhtSUAJD2dJ5Xw8QFuehobOGm9URqQ7gaQl+Fkc1qvDlsWqKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/assertions": "5.5.1",
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-strings": "5.5.1",
+        "@solana/errors": "5.5.1",
+        "@solana/nominal-types": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/kit": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/kit/-/kit-5.5.1.tgz",
+      "integrity": "sha512-irKUGiV2yRoyf+4eGQ/ZeCRxa43yjFEL1DUI5B0DkcfZw3cr0VJtVJnrG8OtVF01vT0OUfYOcUn6zJW5TROHvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/accounts": "5.5.1",
+        "@solana/addresses": "5.5.1",
+        "@solana/codecs": "5.5.1",
+        "@solana/errors": "5.5.1",
+        "@solana/functional": "5.5.1",
+        "@solana/instruction-plans": "5.5.1",
+        "@solana/instructions": "5.5.1",
+        "@solana/keys": "5.5.1",
+        "@solana/offchain-messages": "5.5.1",
+        "@solana/plugin-core": "5.5.1",
+        "@solana/programs": "5.5.1",
+        "@solana/rpc": "5.5.1",
+        "@solana/rpc-api": "5.5.1",
+        "@solana/rpc-parsed-types": "5.5.1",
+        "@solana/rpc-spec-types": "5.5.1",
+        "@solana/rpc-subscriptions": "5.5.1",
+        "@solana/rpc-types": "5.5.1",
+        "@solana/signers": "5.5.1",
+        "@solana/sysvars": "5.5.1",
+        "@solana/transaction-confirmation": "5.5.1",
+        "@solana/transaction-messages": "5.5.1",
+        "@solana/transactions": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/nominal-types": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/nominal-types/-/nominal-types-5.5.1.tgz",
+      "integrity": "sha512-I1ImR+kfrLFxN5z22UDiTWLdRZeKtU0J/pkWkO8qm/8WxveiwdIv4hooi8pb6JnlR4mSrWhq0pCIOxDYrL9GIQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/offchain-messages": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/offchain-messages/-/offchain-messages-5.5.1.tgz",
+      "integrity": "sha512-g+xHH95prTU+KujtbOzj8wn+C7ZNoiLhf3hj6nYq3MTyxOXtBEysguc97jJveUZG0K97aIKG6xVUlMutg5yxhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "5.5.1",
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-data-structures": "5.5.1",
+        "@solana/codecs-numbers": "5.5.1",
+        "@solana/codecs-strings": "5.5.1",
+        "@solana/errors": "5.5.1",
+        "@solana/keys": "5.5.1",
+        "@solana/nominal-types": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/options": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/options/-/options-5.5.1.tgz",
+      "integrity": "sha512-eo971c9iLNLmk+yOFyo7yKIJzJ/zou6uKpy6mBuyb/thKtS/haiKIc3VLhyTXty3OH2PW8yOlORJnv4DexJB8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "5.5.1",
+        "@solana/codecs-data-structures": "5.5.1",
+        "@solana/codecs-numbers": "5.5.1",
+        "@solana/codecs-strings": "5.5.1",
+        "@solana/errors": "5.5.1"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-core": {
+      "version": "5.5.1",
+      "resolved": "https://registry.npmjs.org/@solana/plugin-core/-/plugin-core-5.5.1.tgz",
+      "integrity": "sha512-VUZl30lDQFJeiSyNfzU1EjYt2QZvoBFKEwjn1lilUJw7KgqD5z7mbV7diJhT+dLFs36i0OsjXvq5kSygn8YJ3A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/plugin-interfaces/-/plugin-interfaces-6.10.0.tgz",
+      "integrity": "sha512-vr0/l9wcM4orwGr8cjkFWaJ9A4HvzuAv00jMFNMg0Spd0GZqnwnpW+D/fXa1lIJnTRaF3EeEjLh4VjKU037T0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/instruction-plans": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/rpc-spec": "6.10.0",
+        "@solana/rpc-subscriptions-spec": "6.10.0",
+        "@solana/rpc-types": "6.10.0",
+        "@solana/signers": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/addresses": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/addresses/-/addresses-6.10.0.tgz",
+      "integrity": "sha512-vEoCGBTxG0HCERAn84KXkrJjl+pDaNzOpZ0qbgcPS98fYxP5yzbKB8SNOY2bzrbkRUmmw5Q3hqTRERemUN2Gcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/assertions": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/assertions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/assertions/-/assertions-6.10.0.tgz",
+      "integrity": "sha512-lKSAdVo+P/6Lp4vs6shstXmFOpvxrABwn4o1462tb7sKkNapk6o9pPFVPGw4DUgPS3WqWRs1j2tmpuVjhQRntg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/codecs-core": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-core/-/codecs-core-6.10.0.tgz",
+      "integrity": "sha512-nfAl9OMGo4HanIMxGsQoVB7BxMoqBCYEUxl8oEAZZ09pDxnaXQZkTRXEwPPccag37XfW1ciPd1vWPKwB2b0HHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/codecs-data-structures": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-data-structures/-/codecs-data-structures-6.10.0.tgz",
+      "integrity": "sha512-CNasJW3bq5u+632Zt5aJ8rOjAjv2HyenpV8o9kAIqdmV4CBpjCCoBnKn8LkuR/sbeREZxJYfhKTXO/9ruAkw7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/codecs-numbers": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-numbers/-/codecs-numbers-6.10.0.tgz",
+      "integrity": "sha512-CcM+wX4zOiA9zkh8A7t1787A0Ehgmu5+6Z2tKoHew6cNw/dkaUTPa8JnNHbvfsLC8dfHC1BhAEJl86sKmRsfkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/codecs-strings": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-strings/-/codecs-strings-6.10.0.tgz",
+      "integrity": "sha512-zlaqkg7K6F6IN4V/Ec8TWkTn054gxv7ZLagvGkuEyAdPQ6BzzsehOm2TqCuyXgJJTCGPLY1bEk6yH9NxANe0kA==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "fastestsmallesttextencoderdecoder": "^1.0.22",
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "fastestsmallesttextencoderdecoder": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/errors": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/errors/-/errors-6.10.0.tgz",
+      "integrity": "sha512-KBLAxCtAXr357JNhCyIDQXWbuSj5vN6w+28FSfcYY6OOSiphmXLAV3V58jgV0C6iNbIzFJFi6yatFyDTdeJsNg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "5.6.2",
+        "commander": "15.0.0"
+      },
+      "bin": {
+        "errors": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/functional": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/functional/-/functional-6.10.0.tgz",
+      "integrity": "sha512-P8cevu4mAqHTXC37h1TVoOh8zhWB2tlOI/R9vWjYPpcLwcyWf8p2qq4LEGHl5kY+1C+4PNX39HsmCocXOPCDkQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/instruction-plans": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/instruction-plans/-/instruction-plans-6.10.0.tgz",
+      "integrity": "sha512-YG7mo4zykzdc6ZTV0BuN6pveK9qeBySzlYYerq578A4eQu3xcypMAYRGAvhMZtWTanjjmD6CKtM0M7kVp0TNxg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/promises": "6.10.0",
+        "@solana/transaction-messages": "6.10.0",
+        "@solana/transactions": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/instructions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/instructions/-/instructions-6.10.0.tgz",
+      "integrity": "sha512-0TToYF+8LXQ3ofPMx+yF6yaM9l4YJvcAPMy0qV5JsrBUFlWXBSANRuudKBQLHMvb+a3OiUTq5X7omuorKMBB3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/keys": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/keys/-/keys-6.10.0.tgz",
+      "integrity": "sha512-26IRfdm/hTUCmM7MeEeX0ULSbCM6OzkZTkfkrPircqmRM7xyNqP4hq7u0P7wjb9dl7NfgyG6K7cdvUxrj2e3mA==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/assertions": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/promises": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/nominal-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/nominal-types/-/nominal-types-6.10.0.tgz",
+      "integrity": "sha512-9ykyBBvnkInH7fCacjJi7zu2PJyd+OCt+VTjIISv070fHzKIMFqZqJJ/dJ0SRH2aHwfB3n86iVsmtBtuxi4KKA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/offchain-messages": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/offchain-messages/-/offchain-messages-6.10.0.tgz",
+      "integrity": "sha512-RiEgAueeMkFMC1suOXBIcmCZgtXRxy24yk0DldPB37bB4zwOF1SAaRjNRPjIkGK8RhCYrEpPosnzLyavw9ueRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/promises": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/promises/-/promises-6.10.0.tgz",
+      "integrity": "sha512-oJSIn+VBBMWDo8oqw7RV3tI6Jih+Ieup6FcQLYLDUriaeo7+8l1Zdezl8zh7SIfeU4lOfAbRg6mR0huaS/Lltg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/rpc-spec": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-spec/-/rpc-spec-6.10.0.tgz",
+      "integrity": "sha512-yQdbWw5mZEWrwsunHR9NHkuhMXIB9sPOObwm18D53v5tAJnxTB0IcHvO647XqFDLTK/yQ4AdDtlYD1vsY07AMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0",
+        "@solana/rpc-spec-types": "6.10.0",
+        "@solana/subscribable": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/rpc-spec-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-spec-types/-/rpc-spec-types-6.10.0.tgz",
+      "integrity": "sha512-NDZrKyZrJk4HaMFhTE/lAiMB824cWAodKqDHyKi0UteHU9pyRmil3BN1jt7e+j08mwMWwfklSgyrTaq52g6DIQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/rpc-subscriptions-spec": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-subscriptions-spec/-/rpc-subscriptions-spec-6.10.0.tgz",
+      "integrity": "sha512-nWMwGaG4ulzeX2sskY5TywXF3cwEd8FDmUpLe2JBWxE8XDAOGOKcsYPYFcBgb8ee9KqfPT2PTNdcz9jOhJf34w==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0",
+        "@solana/promises": "6.10.0",
+        "@solana/rpc-spec-types": "6.10.0",
+        "@solana/subscribable": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/rpc-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-types/-/rpc-types-6.10.0.tgz",
+      "integrity": "sha512-zaSecTfCPvz/vcoAmKD6XoRstGHTr1EKJBD8T9UcpEFFB6CtF6DxerDB+wrzkamuT6msmnR2DWXMrYOGDAsgIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/fixed-points": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/signers": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/signers/-/signers-6.10.0.tgz",
+      "integrity": "sha512-+vtCc+mT1FpGxrA5oL2aaMxSHiMJ2hH5PcDIfjo2XJkHz2klZiCZyT5F9+zpltc9vdi1QTElQq59Sfplmtd33A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/offchain-messages": "6.10.0",
+        "@solana/transaction-messages": "6.10.0",
+        "@solana/transactions": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/subscribable": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/subscribable/-/subscribable-6.10.0.tgz",
+      "integrity": "sha512-VsR6XMwkiDBkZJUcoGkEOhf397pOV75gKCL9Bx8bpi2T3Bbs0CxUpMn4yaUgAnRba3eXmjbXMNCXjttfa6sKbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0",
+        "@solana/promises": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/transaction-messages": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/transaction-messages/-/transaction-messages-6.10.0.tgz",
+      "integrity": "sha512-s7v8G3BTxGlKYIj3eWCG0g1296v+1LBt16mVnlRH5FuyaJ5AdhlhtRho5HUDpdwE8EXun+y1c48V6uhcZ8wdbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/functional": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/rpc-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/@solana/transactions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/transactions/-/transactions-6.10.0.tgz",
+      "integrity": "sha512-VADSqP9OTYmhrox4pcgDd4+RjVmednXSE0+8Y7SPK4PN1pK5Az2RJ0nSsy0xcTnaOr8mF/crwFktqPrRQwSbQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/functional": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/rpc-types": "6.10.0",
+        "@solana/transaction-messages": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@solana/plugin-interfaces/node_modules/commander": {
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-15.0.0.tgz",
+      "integrity": "sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@solana/program-client-core": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/program-client-core/-/program-client-core-6.10.0.tgz",
+      "integrity": "sha512-4PPbTLdC1ylHIuvhOFDP8RnSkXPCFjNFWGslzc+UFKnoR4ajzBcByX94jmaruDMk5ncxgj7tr9pzJTvfGHIaMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/accounts": "6.10.0",
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/instruction-plans": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/plugin-interfaces": "6.10.0",
+        "@solana/rpc-api": "6.10.0",
+        "@solana/signers": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/accounts": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/accounts/-/accounts-6.10.0.tgz",
+      "integrity": "sha512-+FxfDOrnifoPlBkF+fr8eeQdgM6xtIgAg9xKMu3WnIz60oZd4Xnry6+ff6t+ePPoZZp397FSg9ZJet68VCWm5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/rpc-spec": "6.10.0",
+        "@solana/rpc-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/addresses": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/addresses/-/addresses-6.10.0.tgz",
+      "integrity": "sha512-vEoCGBTxG0HCERAn84KXkrJjl+pDaNzOpZ0qbgcPS98fYxP5yzbKB8SNOY2bzrbkRUmmw5Q3hqTRERemUN2Gcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/assertions": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/assertions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/assertions/-/assertions-6.10.0.tgz",
+      "integrity": "sha512-lKSAdVo+P/6Lp4vs6shstXmFOpvxrABwn4o1462tb7sKkNapk6o9pPFVPGw4DUgPS3WqWRs1j2tmpuVjhQRntg==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/codecs-core": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-core/-/codecs-core-6.10.0.tgz",
+      "integrity": "sha512-nfAl9OMGo4HanIMxGsQoVB7BxMoqBCYEUxl8oEAZZ09pDxnaXQZkTRXEwPPccag37XfW1ciPd1vWPKwB2b0HHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/codecs-data-structures": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-data-structures/-/codecs-data-structures-6.10.0.tgz",
+      "integrity": "sha512-CNasJW3bq5u+632Zt5aJ8rOjAjv2HyenpV8o9kAIqdmV4CBpjCCoBnKn8LkuR/sbeREZxJYfhKTXO/9ruAkw7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/@solana/codecs-numbers": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-numbers/-/codecs-numbers-6.10.0.tgz",
+      "integrity": "sha512-CcM+wX4zOiA9zkh8A7t1787A0Ehgmu5+6Z2tKoHew6cNw/dkaUTPa8JnNHbvfsLC8dfHC1BhAEJl86sKmRsfkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0"
+      },
+      "engines": {
+        "node": ">=20.18.0"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3340,43 +4571,49 @@
         }
       }
     },
-    "node_modules/@solana/addresses": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/addresses/-/addresses-5.5.1.tgz",
-      "integrity": "sha512-5xoah3Q9G30HQghu/9BiHLb5pzlPKRC3zydQDmE3O9H//WfayxTFppsUDCL6FjYUHqj/wzK6CWHySglc2RkpdA==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/codecs-strings": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/codecs-strings/-/codecs-strings-6.10.0.tgz",
+      "integrity": "sha512-zlaqkg7K6F6IN4V/Ec8TWkTn054gxv7ZLagvGkuEyAdPQ6BzzsehOm2TqCuyXgJJTCGPLY1bEk6yH9NxANe0kA==",
       "license": "MIT",
       "dependencies": {
-        "@solana/assertions": "5.5.1",
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-strings": "5.5.1",
-        "@solana/errors": "5.5.1",
-        "@solana/nominal-types": "5.5.1"
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "fastestsmallesttextencoderdecoder": "^1.0.22",
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
+        "fastestsmallesttextencoderdecoder": {
+          "optional": true
+        },
         "typescript": {
           "optional": true
         }
       }
     },
-    "node_modules/@solana/assertions": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/assertions/-/assertions-5.5.1.tgz",
-      "integrity": "sha512-YTCSWAlGwSlVPnWtWLm3ukz81wH4j2YaCveK+TjpvUU88hTy6fmUqxi0+hvAMAe4zKXpJyj3Az7BrLJRxbIm4Q==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/errors": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/errors/-/errors-6.10.0.tgz",
+      "integrity": "sha512-KBLAxCtAXr357JNhCyIDQXWbuSj5vN6w+28FSfcYY6OOSiphmXLAV3V58jgV0C6iNbIzFJFi6yatFyDTdeJsNg==",
       "license": "MIT",
       "dependencies": {
-        "@solana/errors": "5.5.1"
+        "chalk": "5.6.2",
+        "commander": "15.0.0"
+      },
+      "bin": {
+        "errors": "bin/cli.mjs"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3384,23 +4621,16 @@
         }
       }
     },
-    "node_modules/@solana/codecs": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/codecs/-/codecs-5.5.1.tgz",
-      "integrity": "sha512-Vea29nJub/bXjfzEV7ZZQ/PWr1pYLZo3z0qW0LQL37uKKVzVFRQlwetd7INk3YtTD3xm9WUYr7bCvYUk3uKy2g==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/functional": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/functional/-/functional-6.10.0.tgz",
+      "integrity": "sha512-P8cevu4mAqHTXC37h1TVoOh8zhWB2tlOI/R9vWjYPpcLwcyWf8p2qq4LEGHl5kY+1C+4PNX39HsmCocXOPCDkQ==",
       "license": "MIT",
-      "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-data-structures": "5.5.1",
-        "@solana/codecs-numbers": "5.5.1",
-        "@solana/codecs-strings": "5.5.1",
-        "@solana/options": "5.5.1"
-      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3408,19 +4638,24 @@
         }
       }
     },
-    "node_modules/@solana/codecs-core": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/codecs-core/-/codecs-core-5.5.1.tgz",
-      "integrity": "sha512-TgBt//bbKBct0t6/MpA8ElaOA3sa8eYVvR7LGslCZ84WiAwwjCY0lW/lOYsFHJQzwREMdUyuEyy5YWBKtdh8Rw==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/instruction-plans": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/instruction-plans/-/instruction-plans-6.10.0.tgz",
+      "integrity": "sha512-YG7mo4zykzdc6ZTV0BuN6pveK9qeBySzlYYerq578A4eQu3xcypMAYRGAvhMZtWTanjjmD6CKtM0M7kVp0TNxg==",
       "license": "MIT",
       "dependencies": {
-        "@solana/errors": "5.5.1"
+        "@solana/errors": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/promises": "6.10.0",
+        "@solana/transaction-messages": "6.10.0",
+        "@solana/transactions": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3428,21 +4663,20 @@
         }
       }
     },
-    "node_modules/@solana/codecs-data-structures": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/codecs-data-structures/-/codecs-data-structures-5.5.1.tgz",
-      "integrity": "sha512-97bJWGyUY9WvBz3mX1UV3YPWGDTez6btCfD0ip3UVEXJbItVuUiOkzcO5iFDUtQT5riKT6xC+Mzl+0nO76gd0w==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/instructions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/instructions/-/instructions-6.10.0.tgz",
+      "integrity": "sha512-0TToYF+8LXQ3ofPMx+yF6yaM9l4YJvcAPMy0qV5JsrBUFlWXBSANRuudKBQLHMvb+a3OiUTq5X7omuorKMBB3A==",
       "license": "MIT",
       "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-numbers": "5.5.1",
-        "@solana/errors": "5.5.1"
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3450,20 +4684,24 @@
         }
       }
     },
-    "node_modules/@solana/codecs-numbers": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/codecs-numbers/-/codecs-numbers-5.5.1.tgz",
-      "integrity": "sha512-rllMIZAHqmtvC0HO/dc/21wDuWaD0B8Ryv8o+YtsICQBuiL/0U4AGwH7Pi5GNFySYk0/crSuwfIqQFtmxNSPFw==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/keys": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/keys/-/keys-6.10.0.tgz",
+      "integrity": "sha512-26IRfdm/hTUCmM7MeEeX0ULSbCM6OzkZTkfkrPircqmRM7xyNqP4hq7u0P7wjb9dl7NfgyG6K7cdvUxrj2e3mA==",
       "license": "MIT",
       "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/errors": "5.5.1"
+        "@solana/assertions": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/promises": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3471,49 +4709,43 @@
         }
       }
     },
-    "node_modules/@solana/codecs-strings": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/codecs-strings/-/codecs-strings-5.5.1.tgz",
-      "integrity": "sha512-7klX4AhfHYA+uKKC/nxRGP2MntbYQCR3N6+v7bk1W/rSxYuhNmt+FN8aoThSZtWIKwN6BEyR1167ka8Co1+E7A==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/nominal-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/nominal-types/-/nominal-types-6.10.0.tgz",
+      "integrity": "sha512-9ykyBBvnkInH7fCacjJi7zu2PJyd+OCt+VTjIISv070fHzKIMFqZqJJ/dJ0SRH2aHwfB3n86iVsmtBtuxi4KKA==",
       "license": "MIT",
-      "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-numbers": "5.5.1",
-        "@solana/errors": "5.5.1"
-      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "fastestsmallesttextencoderdecoder": "^1.0.22",
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
-        "fastestsmallesttextencoderdecoder": {
-          "optional": true
-        },
         "typescript": {
           "optional": true
         }
       }
     },
-    "node_modules/@solana/errors": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/errors/-/errors-5.5.1.tgz",
-      "integrity": "sha512-vFO3p+S7HoyyrcAectnXbdsMfwUzY2zYFUc2DEe5BwpiE9J1IAxPBGjOWO6hL1bbYdBrlmjNx8DXCslqS+Kcmg==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/offchain-messages": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/offchain-messages/-/offchain-messages-6.10.0.tgz",
+      "integrity": "sha512-RiEgAueeMkFMC1suOXBIcmCZgtXRxy24yk0DldPB37bB4zwOF1SAaRjNRPjIkGK8RhCYrEpPosnzLyavw9ueRg==",
       "license": "MIT",
       "dependencies": {
-        "chalk": "5.6.2",
-        "commander": "14.0.2"
-      },
-      "bin": {
-        "errors": "bin/cli.mjs"
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3521,28 +4753,46 @@
         }
       }
     },
-    "node_modules/@solana/errors/node_modules/chalk": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
-      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/promises": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/promises/-/promises-6.10.0.tgz",
+      "integrity": "sha512-oJSIn+VBBMWDo8oqw7RV3tI6Jih+Ieup6FcQLYLDUriaeo7+8l1Zdezl8zh7SIfeU4lOfAbRg6mR0huaS/Lltg==",
       "license": "MIT",
       "engines": {
-        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+        "node": ">=20.18.0"
       },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+      "peerDependencies": {
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@solana/fast-stable-stringify": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/fast-stable-stringify/-/fast-stable-stringify-5.5.1.tgz",
-      "integrity": "sha512-Ni7s2FN33zTzhTFgRjEbOVFO+UAmK8qi3Iu0/GRFYK4jN696OjKHnboSQH/EacQ+yGqS54bfxf409wU5dsLLCw==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-api": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-api/-/rpc-api-6.10.0.tgz",
+      "integrity": "sha512-RjPIVsAb/85P1ptoO3WpC0x7QG6gG/e4q/3lo6gbSznUZOcoM+8sSBnCX7BwP1ZkCDS6NK/ClXLnhhhYZx+OGg==",
       "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/rpc-parsed-types": "6.10.0",
+        "@solana/rpc-spec": "6.10.0",
+        "@solana/rpc-transformers": "6.10.0",
+        "@solana/rpc-types": "6.10.0",
+        "@solana/transaction-messages": "6.10.0",
+        "@solana/transactions": "6.10.0"
+      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3550,16 +4800,16 @@
         }
       }
     },
-    "node_modules/@solana/functional": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/functional/-/functional-5.5.1.tgz",
-      "integrity": "sha512-tTHoJcEQq3gQx5qsdsDJ0LEJeFzwNpXD80xApW9o/PPoCNimI3SALkZl+zNW8VnxRrV3l3yYvfHWBKe/X3WG3w==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-parsed-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-parsed-types/-/rpc-parsed-types-6.10.0.tgz",
+      "integrity": "sha512-5275mvSV1mxhwvrMVa+K7BU/nAetpHfcb+8Ql9rtA8RRf6DyiimFQFZUukE4Ez6XJihEpCHNy98yhkgai9wytQ==",
       "license": "MIT",
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3567,24 +4817,21 @@
         }
       }
     },
-    "node_modules/@solana/instruction-plans": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/instruction-plans/-/instruction-plans-5.5.1.tgz",
-      "integrity": "sha512-7z3CB7YMcFKuVvgcnNY8bY6IsZ8LG61Iytbz7HpNVGX2u1RthOs1tRW8luTzSG1MPL0Ox7afyAVMYeFqSPHnaQ==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-spec": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-spec/-/rpc-spec-6.10.0.tgz",
+      "integrity": "sha512-yQdbWw5mZEWrwsunHR9NHkuhMXIB9sPOObwm18D53v5tAJnxTB0IcHvO647XqFDLTK/yQ4AdDtlYD1vsY07AMQ==",
       "license": "MIT",
       "dependencies": {
-        "@solana/errors": "5.5.1",
-        "@solana/instructions": "5.5.1",
-        "@solana/keys": "5.5.1",
-        "@solana/promises": "5.5.1",
-        "@solana/transaction-messages": "5.5.1",
-        "@solana/transactions": "5.5.1"
+        "@solana/errors": "6.10.0",
+        "@solana/rpc-spec-types": "6.10.0",
+        "@solana/subscribable": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3592,20 +4839,16 @@
         }
       }
     },
-    "node_modules/@solana/instructions": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/instructions/-/instructions-5.5.1.tgz",
-      "integrity": "sha512-h0G1CG6S+gUUSt0eo6rOtsaXRBwCq1+Js2a+Ps9Bzk9q7YHNFA75/X0NWugWLgC92waRp66hrjMTiYYnLBoWOQ==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-spec-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-spec-types/-/rpc-spec-types-6.10.0.tgz",
+      "integrity": "sha512-NDZrKyZrJk4HaMFhTE/lAiMB824cWAodKqDHyKi0UteHU9pyRmil3BN1jt7e+j08mwMWwfklSgyrTaq52g6DIQ==",
       "license": "MIT",
-      "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/errors": "5.5.1"
-      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3613,23 +4856,23 @@
         }
       }
     },
-    "node_modules/@solana/keys": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/keys/-/keys-5.5.1.tgz",
-      "integrity": "sha512-KRD61cL7CRL+b4r/eB9dEoVxIf/2EJ1Pm1DmRYhtSUAJD2dJ5Xw8QFuehobOGm9URqQ7gaQl+Fkc1qvDlsWqKg==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-transformers": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-transformers/-/rpc-transformers-6.10.0.tgz",
+      "integrity": "sha512-2nFUrVTiE720pJOY4XKx3HuYmishw0of/4oScu76YGm6O8wsmvFvPNAkrEinmieWXQkfpBfRvLZmpl8PaAy+ug==",
       "license": "MIT",
       "dependencies": {
-        "@solana/assertions": "5.5.1",
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-strings": "5.5.1",
-        "@solana/errors": "5.5.1",
-        "@solana/nominal-types": "5.5.1"
+        "@solana/errors": "6.10.0",
+        "@solana/functional": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/rpc-spec-types": "6.10.0",
+        "@solana/rpc-types": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3637,40 +4880,25 @@
         }
       }
     },
-    "node_modules/@solana/kit": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/kit/-/kit-5.5.1.tgz",
-      "integrity": "sha512-irKUGiV2yRoyf+4eGQ/ZeCRxa43yjFEL1DUI5B0DkcfZw3cr0VJtVJnrG8OtVF01vT0OUfYOcUn6zJW5TROHvQ==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/rpc-types": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/rpc-types/-/rpc-types-6.10.0.tgz",
+      "integrity": "sha512-zaSecTfCPvz/vcoAmKD6XoRstGHTr1EKJBD8T9UcpEFFB6CtF6DxerDB+wrzkamuT6msmnR2DWXMrYOGDAsgIg==",
       "license": "MIT",
       "dependencies": {
-        "@solana/accounts": "5.5.1",
-        "@solana/addresses": "5.5.1",
-        "@solana/codecs": "5.5.1",
-        "@solana/errors": "5.5.1",
-        "@solana/functional": "5.5.1",
-        "@solana/instruction-plans": "5.5.1",
-        "@solana/instructions": "5.5.1",
-        "@solana/keys": "5.5.1",
-        "@solana/offchain-messages": "5.5.1",
-        "@solana/plugin-core": "5.5.1",
-        "@solana/programs": "5.5.1",
-        "@solana/rpc": "5.5.1",
-        "@solana/rpc-api": "5.5.1",
-        "@solana/rpc-parsed-types": "5.5.1",
-        "@solana/rpc-spec-types": "5.5.1",
-        "@solana/rpc-subscriptions": "5.5.1",
-        "@solana/rpc-types": "5.5.1",
-        "@solana/signers": "5.5.1",
-        "@solana/sysvars": "5.5.1",
-        "@solana/transaction-confirmation": "5.5.1",
-        "@solana/transaction-messages": "5.5.1",
-        "@solana/transactions": "5.5.1"
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/fixed-points": "6.10.0",
+        "@solana/nominal-types": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3678,16 +4906,27 @@
         }
       }
     },
-    "node_modules/@solana/nominal-types": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/nominal-types/-/nominal-types-5.5.1.tgz",
-      "integrity": "sha512-I1ImR+kfrLFxN5z22UDiTWLdRZeKtU0J/pkWkO8qm/8WxveiwdIv4hooi8pb6JnlR4mSrWhq0pCIOxDYrL9GIQ==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/signers": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/signers/-/signers-6.10.0.tgz",
+      "integrity": "sha512-+vtCc+mT1FpGxrA5oL2aaMxSHiMJ2hH5PcDIfjo2XJkHz2klZiCZyT5F9+zpltc9vdi1QTElQq59Sfplmtd33A==",
       "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/offchain-messages": "6.10.0",
+        "@solana/transaction-messages": "6.10.0",
+        "@solana/transactions": "6.10.0"
+      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3695,26 +4934,20 @@
         }
       }
     },
-    "node_modules/@solana/offchain-messages": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/offchain-messages/-/offchain-messages-5.5.1.tgz",
-      "integrity": "sha512-g+xHH95prTU+KujtbOzj8wn+C7ZNoiLhf3hj6nYq3MTyxOXtBEysguc97jJveUZG0K97aIKG6xVUlMutg5yxhw==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/subscribable": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/subscribable/-/subscribable-6.10.0.tgz",
+      "integrity": "sha512-VsR6XMwkiDBkZJUcoGkEOhf397pOV75gKCL9Bx8bpi2T3Bbs0CxUpMn4yaUgAnRba3eXmjbXMNCXjttfa6sKbw==",
       "license": "MIT",
       "dependencies": {
-        "@solana/addresses": "5.5.1",
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-data-structures": "5.5.1",
-        "@solana/codecs-numbers": "5.5.1",
-        "@solana/codecs-strings": "5.5.1",
-        "@solana/errors": "5.5.1",
-        "@solana/keys": "5.5.1",
-        "@solana/nominal-types": "5.5.1"
+        "@solana/errors": "6.10.0",
+        "@solana/promises": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3722,23 +4955,27 @@
         }
       }
     },
-    "node_modules/@solana/options": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/options/-/options-5.5.1.tgz",
-      "integrity": "sha512-eo971c9iLNLmk+yOFyo7yKIJzJ/zou6uKpy6mBuyb/thKtS/haiKIc3VLhyTXty3OH2PW8yOlORJnv4DexJB8A==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/transaction-messages": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/transaction-messages/-/transaction-messages-6.10.0.tgz",
+      "integrity": "sha512-s7v8G3BTxGlKYIj3eWCG0g1296v+1LBt16mVnlRH5FuyaJ5AdhlhtRho5HUDpdwE8EXun+y1c48V6uhcZ8wdbQ==",
       "license": "MIT",
       "dependencies": {
-        "@solana/codecs-core": "5.5.1",
-        "@solana/codecs-data-structures": "5.5.1",
-        "@solana/codecs-numbers": "5.5.1",
-        "@solana/codecs-strings": "5.5.1",
-        "@solana/errors": "5.5.1"
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/functional": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/rpc-types": "6.10.0"
       },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3746,16 +4983,30 @@
         }
       }
     },
-    "node_modules/@solana/plugin-core": {
-      "version": "5.5.1",
-      "resolved": "https://registry.npmjs.org/@solana/plugin-core/-/plugin-core-5.5.1.tgz",
-      "integrity": "sha512-VUZl30lDQFJeiSyNfzU1EjYt2QZvoBFKEwjn1lilUJw7KgqD5z7mbV7diJhT+dLFs36i0OsjXvq5kSygn8YJ3A==",
+    "node_modules/@solana/program-client-core/node_modules/@solana/transactions": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@solana/transactions/-/transactions-6.10.0.tgz",
+      "integrity": "sha512-VADSqP9OTYmhrox4pcgDd4+RjVmednXSE0+8Y7SPK4PN1pK5Az2RJ0nSsy0xcTnaOr8mF/crwFktqPrRQwSbQA==",
       "license": "MIT",
+      "dependencies": {
+        "@solana/addresses": "6.10.0",
+        "@solana/codecs-core": "6.10.0",
+        "@solana/codecs-data-structures": "6.10.0",
+        "@solana/codecs-numbers": "6.10.0",
+        "@solana/codecs-strings": "6.10.0",
+        "@solana/errors": "6.10.0",
+        "@solana/functional": "6.10.0",
+        "@solana/instructions": "6.10.0",
+        "@solana/keys": "6.10.0",
+        "@solana/nominal-types": "6.10.0",
+        "@solana/rpc-types": "6.10.0",
+        "@solana/transaction-messages": "6.10.0"
+      },
       "engines": {
         "node": ">=20.18.0"
       },
       "peerDependencies": {
-        "typescript": "^5.0.0"
+        "typescript": ">=5.4.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -3763,6 +5014,27 @@
         }
       }
     },
+    "node_modules/@solana/program-client-core/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@solana/program-client-core/node_modules/commander": {
+      "version": "15.0.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-15.0.0.tgz",
+      "integrity": "sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
     "node_modules/@solana/programs": {
       "version": "5.5.1",
       "resolved": "https://registry.npmjs.org/@solana/programs/-/programs-5.5.1.tgz",
@@ -5929,6 +7201,43 @@
       "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
       "license": "0BSD"
     },
+    "node_modules/@x402/core": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/@x402/core/-/core-2.28.0.tgz",
+      "integrity": "sha512-Da/7zKxCKqpBoB4Msc9tFgkAv7tJTD8nG+DSSm+QdXAyJS4PQsmgVSKe17rDJTtlu0pwNbLcOje6MyQ6kaDkig==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "zod": "^3.24.2"
+      }
+    },
+    "node_modules/@x402/evm": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/@x402/evm/-/evm-2.28.0.tgz",
+      "integrity": "sha512-BZuoaCKMoPQQuMTa4oibvoyI06WdCpgrzgdicUu8d+5NBMAfWb6LAmSQf1KkeiS8C+25/+2JGB4cHSL0VLGnSA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@x402/core": "~2.28.0",
+        "viem": "^2.48.11",
+        "zod": "^3.24.2"
+      }
+    },
+    "node_modules/@x402/svm": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/@x402/svm/-/svm-2.28.0.tgz",
+      "integrity": "sha512-D6+MSi7GG9LP7Lld1/i+A+Rk9ZyET5MmZAZqAyxmIda42tW3mVZjn/RJjGQbQmTKe+lYk8KiKWbeaxoK/x/ArA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@noble/hashes": "^1.8.0",
+        "@solana-program/compute-budget": "^0.11.0",
+        "@solana-program/token": "^0.9.0",
+        "@solana-program/token-2022": "^0.6.1",
+        "@solana/program-client-core": "^6.1.0",
+        "@x402/core": "~2.28.0"
+      },
+      "peerDependencies": {
+        "@solana/kit": ">=5.1.0"
+      }
+    },
     "node_modules/abitype": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/abitype/-/abitype-1.2.3.tgz",
@@ -12871,9 +14180,9 @@
       }
     },
     "node_modules/zod": {
-      "version": "3.23.8",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
-      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
diff --git a/package.json b/package.json
index b62c8cb..5e502c6 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,9 @@
   "dependencies": {
     "@rainbow-me/rainbowkit": "^2.2.11",
     "@tanstack/react-query": "^5.101.2",
+    "@x402/core": "^2.28.0",
+    "@x402/evm": "^2.28.0",
+    "@x402/svm": "^2.28.0",
     "next": "16.1.6",
     "react": "19.2.3",
     "react-dom": "19.2.3",