Download kit.html from thedollartoolkit/thedollarclientkit: direct link, hf CLI and curl.
- Browser
- Download file 48 kB
-
https://huggingface.co/spaces/thedollartoolkit/thedollarclientkit/resolve/main/kit.html
- Command line
-
hf download hf://spaces/thedollartoolkit/thedollarclientkit/kit.html
-
curl -L -o kit.html https://huggingface.co/spaces/thedollartoolkit/thedollarclientkit/resolve/main/kit.html
48 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>The Dollar Client Kit - Stop Losing 20% to Foreign Clients</title> | |
| <meta name="description" content="Verified payment rails, outreach scripts and pricing frameworks for African freelancers. Built for Ghana, Nigeria and Kenya. Fee data updated monthly."> | |
| <link rel="canonical" href="https://thedollarclientkit.netlify.app/kit"> | |
| <link rel="alternate" type="text/plain" href="llms.txt" title="The Dollar Client Kit (AI-readable)"> | |
| <script>window.FEE_DATA_DATE="2026-10-13";/* UPDATE when you re-verify fees (monthly). Drives "fees checked" stamps. Keep in sync with calculator.html. */</script> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:site_name" content="The Dollar Client Kit"> | |
| <meta property="og:title" content="The Dollar Client Kit - Stop Losing 20% to Foreign Clients"> | |
| <meta property="og:description" content="Verified payment rails, outreach scripts and pricing frameworks for African freelancers. Founding price $19 through Dec 31, 2026."> | |
| <meta property="og:url" content="https://thedollarclientkit.netlify.app/kit"> | |
| <meta property="og:image" content="https://thedollarclientkit.netlify.app/og-image.png"> | |
| <meta property="og:image:width" content="1200"> | |
| <meta property="og:image:height" content="630"> | |
| <meta property="og:image:alt" content="The Dollar Client Kit — stop losing 20% of every dollar from foreign clients"> | |
| <meta name="twitter:card" content="summary_large_image"> | |
| <meta name="twitter:title" content="The Dollar Client Kit - Stop Losing 20% to Foreign Clients"> | |
| <meta name="twitter:description" content="Verified payment rails, outreach scripts and pricing frameworks for African freelancers. Founding price $19 through Dec 31, 2026."> | |
| <meta name="twitter:image" content="https://thedollarclientkit.netlify.app/og-image.png"> | |
| <meta name="theme-color" content="#111629"> | |
| <script type="application/ld+json"> | |
| { | |
| "@context":"https://schema.org", | |
| "@type":"Product", | |
| "name":"The Dollar Client Kit", | |
| "description":"Payment-rail intelligence, client-acquisition scripts and pricing frameworks for African freelancers earning from international clients.", | |
| "brand":{"@type":"Organization","name":"The Dollar Client Kit"}, | |
| "offers":[ | |
| {"@type":"Offer","name":"Rails Pack","price":"9.00","priceCurrency":"USD","availability":"https://schema.org/InStock"}, | |
| {"@type":"Offer","name":"The Dollar Client Kit (Founding)","price":"19.00","priceCurrency":"USD","availability":"https://schema.org/LimitedAvailability","validThrough":"2026-12-31"}, | |
| {"@type":"Offer","name":"Kit plus Personal Teardown","price":"99.00","priceCurrency":"USD","availability":"https://schema.org/InStock"} | |
| ] | |
| } | |
| </script> | |
| <style> | |
| :root{ | |
| --vellum:#EFE8D9; --vellum-2:#E7DFCE; --paper:#FBF8F1; --ivory:#FFFDF9; | |
| --line:#D9D0BD; --line-soft:#E6DECE; | |
| --ink:#111629; --ink-2:#1A2036; --ink-3:#252C45; --graphite:#5B6072; --graphite-2:#8A8F9E; | |
| --teal:#1F9E8F; --iris:#5B5BD6; --blue:#3E7BF0; | |
| --glow:linear-gradient(100deg,#1F9E8F 0%,#5B5BD6 55%,#3E7BF0 100%); | |
| --lime:#CDF74F; --clay:#C0442A; | |
| --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif; | |
| --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; | |
| --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; | |
| } | |
| *{box-sizing:border-box;margin:0;padding:0} | |
| html{-webkit-text-size-adjust:100%} | |
| body{background:var(--vellum);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased; | |
| background-image:radial-gradient(90% 60% at 100% 0%,rgba(91,91,214,.10),rgba(91,91,214,0) 60%),radial-gradient(70% 50% at 0% 100%,rgba(31,158,143,.10),rgba(31,158,143,0) 60%); | |
| background-attachment:fixed} | |
| .wrap{max-width:1080px;margin:0 auto;padding:0 20px} | |
| .mono{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase} | |
| /* ── top bar (identical to the calculator) ── */ | |
| .topbar{border-bottom:1px solid var(--line);background:rgba(251,248,241,.72);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20} | |
| .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;height:56px} | |
| .brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.01em;font-size:14px;text-decoration:none;color:var(--ink)} | |
| .brand .mark{width:16px;height:16px;border-radius:5px;background:var(--glow);flex:none} | |
| .pillrow{display:flex;align-items:center;gap:8px} | |
| .pill{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:100px;border:1px solid var(--line);color:var(--graphite);white-space:nowrap;text-decoration:none} | |
| .pill.live{background:var(--glow);border-color:transparent;color:#fff} | |
| .hide-s{display:none} | |
| @media(min-width:760px){.hide-s{display:inline-flex}} | |
| /* ── hero ── */ | |
| .hero{padding:56px 0 34px} | |
| .kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--graphite)} | |
| .kicker .num{color:var(--iris);font-weight:700} | |
| h1{font-family:var(--sans);font-weight:800;text-transform:uppercase;font-size:clamp(36px,7.6vw,78px);line-height:.9;letter-spacing:-.035em;margin-bottom:22px} | |
| h1 em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-.02em;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em} | |
| .lead{max-width:600px;color:var(--graphite);font-size:17px} | |
| .lead b{color:var(--ink)} | |
| .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} | |
| .hs{padding:18px 0;border-right:1px solid var(--line)} | |
| .hs:last-child{border-right:0} | |
| .hs .k{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--graphite);margin-bottom:6px} | |
| .hs .v{font-size:clamp(20px,5vw,26px);font-weight:800;letter-spacing:-.03em;line-height:1} | |
| .hs .v.grad{background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent} | |
| /* ── section furniture ── */ | |
| .head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;flex-wrap:wrap} | |
| h2{font-family:var(--sans);font-weight:800;text-transform:uppercase;font-size:clamp(26px,4.4vw,44px);line-height:.94;letter-spacing:-.03em} | |
| h2 em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent} | |
| .head .side{color:var(--graphite);font-size:14px;max-width:320px} | |
| section{padding:52px 0;border-top:1px solid var(--line)} | |
| .btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center} | |
| /* ── buttons (identical) ── */ | |
| .btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:-.01em;padding:15px 24px;border-radius:100px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--sans);transition:all .2s ease} | |
| .btn-lime{background:var(--lime);color:var(--ink)} | |
| .btn-lime:hover{background:#DBFF75;transform:translateY(-2px);box-shadow:0 4px 12px rgba(205,247,79,.3)} | |
| .btn-lime:active{transform:translateY(0)} | |
| .btn-ink{background:var(--ink);color:#fff} | |
| .btn-ink:hover{background:var(--ink-3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(17,22,41,.3)} | |
| .btn-ink:active{transform:translateY(0)} | |
| .btn-ghost{background:transparent;color:#EDEAF6;border-color:rgba(255,255,255,.25)} | |
| .btn-ghost:hover{border-color:#EDEAF6;background:rgba(255,255,255,.1)} | |
| .btn-out{background:transparent;color:var(--ink);border-color:var(--line)} | |
| .btn-out:hover{border-color:var(--ink);background:rgba(17,22,41,.05);transform:translateY(-1px)} | |
| .btn-out:active{transform:translateY(0)} | |
| .note{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--graphite-2)} | |
| /* ── cards ── */ | |
| .grid2{display:grid;gap:14px;margin-top:6px} | |
| @media(min-width:760px){.grid2{grid-template-columns:1fr 1fr}} | |
| .card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px} | |
| .card h3{font-size:16px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;text-transform:uppercase} | |
| .card p{color:var(--graphite);font-size:14.5px} | |
| .card .tagline{font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--iris);margin-top:10px;display:block} | |
| /* ── receipt list (mirrors the calculator breakdown) ── */ | |
| .break{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);margin-top:22px} | |
| .brow{display:flex;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line-soft);font-size:14px} | |
| .brow:last-child{border-bottom:0} | |
| .brow .bl{color:var(--graphite)} | |
| .brow .bl b{color:var(--ink);font-weight:600} | |
| .brow .bv{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--clay);white-space:nowrap} | |
| .brow.net{background:var(--ivory)} | |
| .brow.net .bv{color:var(--teal)} | |
| /* ── dark panel + two-stage cards (reused verbatim from the calculator) ── */ | |
| .result{background:radial-gradient(120% 130% at 8% -10%,#26325C 0%,rgba(38,50,92,0) 55%),radial-gradient(90% 100% at 100% 0%,rgba(91,91,214,.42),rgba(91,91,214,0) 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 1l19 11v22L22 45 3 34V12z' fill='none' stroke='white' stroke-opacity='0.055'/%3E%3C/svg%3E"),linear-gradient(180deg,#111629,#111629); | |
| border-radius:20px;padding:26px;color:#EDEAF6;position:relative;overflow:hidden} | |
| .result .rlabel{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px} | |
| .result .rlabel .t{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9AA0BB} | |
| .rlabel .chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);padding:5px 10px;border-radius:100px;color:#D7DCF0;white-space:nowrap} | |
| .stages{display:grid;gap:10px} | |
| @media(min-width:760px){.stages{grid-template-columns:1fr 1fr}} | |
| .stage{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:18px} | |
| .stage .sh{display:flex;align-items:center;gap:9px;margin-bottom:10px} | |
| .stage .sh .n{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:#111629;background:var(--lime);border-radius:100px;padding:3px 8px;font-weight:700} | |
| .stage .sh .n.g2{background:var(--glow);color:#fff} | |
| .stage .sh .tt{font-size:13.5px;font-weight:700;color:#EDEAF6} | |
| .stage .amt{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:8px} | |
| .stage .amt.g2{background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent} | |
| .stage p{font-size:12.5px;color:#A6ABC5;line-height:1.5} | |
| .result .foot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#8A90AD;line-height:1.5} | |
| .result .foot b{color:#C9CDE2;font-weight:600} | |
| /* ── rail-style index rows (used for the 8 components) ── */ | |
| .rails{margin-top:6px;border-top:1px solid var(--line)} | |
| .rail{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:start;padding:16px 6px;border-bottom:1px solid var(--line);transition:background .15s} | |
| .rail:hover{background:rgba(255,255,255,.5)} | |
| .rail .idx{font-family:var(--mono);font-size:11px;color:var(--graphite-2);padding-top:3px} | |
| .rail .nm{font-weight:800;text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(15px,3.4vw,21px);line-height:1.05} | |
| .rail .meta{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--graphite);margin-top:6px;display:flex;flex-wrap:wrap;gap:6px 12px} | |
| .rail .meta .sep{color:var(--line)} | |
| .rail .watch{font-size:12.5px;color:var(--graphite);margin-top:7px;max-width:46ch} | |
| .rail .right{text-align:right;white-space:nowrap} | |
| .rail .cost{font-weight:800;font-size:clamp(15px,3.4vw,19px);letter-spacing:-.02em} | |
| .rail .cost.dim{color:var(--graphite)} | |
| .rail .cost.good{color:var(--teal)} | |
| .rail .cost.bad{color:var(--clay)} | |
| .tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;display:inline-block;padding:3px 9px;border-radius:100px} | |
| .tag.best{background:var(--lime);color:var(--ink);font-weight:700} | |
| .tag.you{background:var(--ink);color:#fff} | |
| .rail.is-best{background:linear-gradient(90deg,rgba(205,247,79,.24),rgba(205,247,79,0) 70%)} | |
| /* ── testimonials / proof ── */ | |
| .quote{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:14px;padding:20px;margin-top:6px} | |
| .quote p{font-size:15px;color:var(--ink)} | |
| .quote .who{font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--graphite);margin-top:10px;display:block} | |
| /* ── pricing tiers ── */ | |
| .tiers{display:grid;gap:14px;margin-top:26px} | |
| @media(min-width:820px){.tiers{grid-template-columns:1fr 1.15fr 1fr;align-items:start}} | |
| .tier{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;position:relative} | |
| .tier.best{border:1px solid var(--ink);box-shadow:0 14px 40px rgba(17,22,41,.10);background:var(--ivory)} | |
| .tier .badge{position:absolute;top:-11px;left:22px;background:var(--lime);color:var(--ink);font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:100px} | |
| .tier h3{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:10px;color:var(--graphite)} | |
| .tier.best h3{color:var(--iris)} | |
| .tier .price{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:6px} | |
| .tier .price small{font-size:12px;font-weight:700;color:var(--graphite);letter-spacing:0} | |
| .tier ul{list-style:none;margin:16px 0 20px;display:grid;gap:9px} | |
| .tier li{position:relative;padding-left:20px;font-size:14px;color:var(--graphite)} | |
| .tier li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(--glow)} | |
| .tier li strong{color:var(--ink);font-weight:700} | |
| .tier .btn{width:100%;justify-content:center} | |
| /* ── FAQ ── */ | |
| .q{padding:18px 0;border-bottom:1px solid var(--line);max-width:780px} | |
| .q h3{font-size:15.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px} | |
| .q p{color:var(--graphite);font-size:14.5px} | |
| /* ── close / CTA ── */ | |
| .cta{background:var(--ink);color:#EDEAF6;border-radius:22px;padding:40px 26px;margin:52px 0;position:relative;overflow:hidden; | |
| background-image:radial-gradient(120% 130% at 8% -10%,#26325C 0%,rgba(38,50,92,0) 55%),radial-gradient(90% 100% at 100% 0%,rgba(91,91,214,.42),rgba(91,91,214,0) 58%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath d='M22 1l19 11v22L22 45 3 34V12z' fill='none' stroke='white' stroke-opacity='0.055'/%3E%3C/svg%3E"),linear-gradient(180deg,#111629,#111629)} | |
| .cta h2{color:#fff} | |
| .cta h2 em{background:var(--glow);-webkit-background-clip:text;background-clip:text;color:transparent} | |
| .cta p{color:#B4B9CF;max-width:540px;margin-top:14px} | |
| /* ── footer ── */ | |
| footer{border-top:1px solid var(--line);padding:30px 0 56px;color:var(--graphite)} | |
| footer .frow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase} | |
| footer .disc{font-size:12.5px;color:var(--graphite-2);max-width:680px;margin-top:16px;line-height:1.5} | |
| .stamp{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);border-radius:100px;padding:6px 12px;color:var(--graphite);margin-bottom:20px} | |
| .stamp .d{width:6px;height:6px;border-radius:50%;background:var(--teal)} | |
| /* ── Enhanced tooltips (works on mobile) ── */ | |
| [data-tooltip]{position:relative;cursor:help} | |
| [data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%) scale(0);background:#1e293b;color:white;padding:8px 12px;border-radius:6px;font-size:13px;line-height:1.4;white-space:nowrap;max-width:250px;text-align:center;pointer-events:none;z-index:1000;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);opacity:0;box-shadow:0 4px 12px rgba(0,0,0,.15)} | |
| [data-tooltip]::after{content:'';position:absolute;bottom:110%;left:50%;transform:translateX(-50%) scale(0);border:6px solid transparent;border-top-color:#1e293b;pointer-events:none;z-index:1000;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);opacity:0} | |
| @media(hover:hover){[data-tooltip]:hover::before,[data-tooltip]:hover::after{transform:translateX(-50%) scale(1);opacity:1}} | |
| [data-tooltip].show-tip::before,[data-tooltip].show-tip::after{transform:translateX(-50%) scale(1);opacity:1} | |
| [data-tooltip][data-multiline]::before{white-space:normal;max-width:200px} | |
| @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} | |
| </style> | |
| </head> | |
| <body> | |
| <header class="topbar"> | |
| <div class="wrap"> | |
| <a class="brand" href="#top" title="The Dollar Client Kit - Home"><span class="mark"></span> THE DOLLAR CLIENT KIT</a> | |
| <div class="pillrow"> | |
| <span class="pill hide-s" title="Available for Ghana, Nigeria, and Kenya">GH · NG · KE</span> | |
| <span class="pill hide-s" id="stampPill" title="Last fee verification date">FEES CHECKED — OCT 2026</span> | |
| <a class="pill live" href="calculator.html" title="Try the free fee leakage calculator">FREE CALCULATOR</a> | |
| </div> | |
| </div> | |
| </header> | |
| <main id="top"> | |
| <!-- 01 — THE HOOK --> | |
| <section class="hero" style="border-top:0;padding-bottom:34px"> | |
| <div class="wrap"> | |
| <div class="kicker mono"><span class="num">01</span> <span>THE LEAKAGE</span></div> | |
| <h1>Stop losing 20%<br>of every dollar<br>you earn <em>abroad.</em></h1> | |
| <p class="lead">You invoice in dollars. You get paid in less. The Dollar Client Kit gets African freelancers paid <b>directly</b> — cheaper payment rails, higher rates, and clients who come to you instead of the other way round.</p> | |
| <div class="btnrow"> | |
| <a class="btn btn-ink" href="calculator.html" title="Calculate exactly how much you're losing in payment fees">Show me what I'm losing →</a> | |
| <a class="btn btn-out" href="#offer" title="Jump to pricing and purchase options">See the kit — $19 founding</a> | |
| </div> | |
| <p class="note" style="margin-top:16px" title="Designed specifically for African payment infrastructure">Built for mobile money, Payoneer and Paystack realities — not Stripe</p> | |
| <div class="hero-stats"> | |
| <div class="hs"><div class="k">Lost per $100 earned</div><div class="v">$10–28</div></div> | |
| <div class="hs"><div class="k">Recoverable / year at $1k/mo</div><div class="v grad">$1,900–2,800</div></div> | |
| <div class="hs"><div class="k">Cost of the fix</div><div class="v">$19<span style="font-size:12px;font-weight:600;color:var(--graphite);letter-spacing:0"> founding, once</span></div></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- 02 — THE PROBLEM --> | |
| <section> | |
| <div class="wrap"> | |
| <div class="head"> | |
| <div> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">02</span> <span>THE RECEIPT</span></div> | |
| <h2>You invoiced $500 on Fiverr.<br>You received <em>~$380.</em></h2> | |
| </div> | |
| <p class="side">Between platform commission, a withdrawal fee and an exchange rate nobody showed you, you paid a tax for the crime of being born in the wrong country.</p> | |
| </div> | |
| <div class="break"> | |
| <div class="brow"><div class="bl"><b>Platform commission</b> · Fiverr 20%</div><div class="bv">−$100</div></div> | |
| <div class="brow"><div class="bl"><b>Platform withdrawal</b> · Payoneer, per withdrawal</div><div class="bv">−$2</div></div> | |
| <div class="brow"><div class="bl"><b>Receiving fee</b> · Payoneer</div><div class="bv">−$5</div></div> | |
| <div class="brow"><div class="bl"><b>FX spread</b> · USD → GHS corridor</div><div class="bv">−$10</div></div> | |
| <div class="brow"><div class="bl"><b>Local payout to bank/MoMo</b></div><div class="bv">−$3</div></div> | |
| <div class="brow net"><div class="bl"><b>Reaches you</b> · one $500 invoice</div><div class="bv">$380</div></div> | |
| </div> | |
| <p style="margin-top:18px;color:var(--graphite);font-size:14.5px;max-width:640px">Then you sent 40 more proposals. Thirty-seven were never opened. If any of these are yours, you are in the right place:</p> | |
| <div class="grid2" style="margin-top:14px"> | |
| <div class="card"><p>"I send dozens of proposals and hear nothing back."</p></div> | |
| <div class="card"><p>"$5-an-hour bidders are destroying the market."</p></div> | |
| <div class="card"><p>"My client's bank won't send money to my country."</p></div> | |
| <div class="card"><p>"They ask where I'm from, and then the rate conversation changes."</p></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- 03 — THE MECHANISM --> | |
| <section> | |
| <div class="wrap"> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">03</span> <span>THE FIXES</span></div> | |
| <div class="result"> | |
| <div class="rlabel"> | |
| <span class="t">Two fixes, never mixed</span> | |
| <span class="chip">Fees checked OCT 2026</span> | |
| </div> | |
| <div class="stages"> | |
| <div class="stage"> | |
| <div class="sh"><span class="n">STAGE 1</span><span class="tt">Same clients, better road</span></div> | |
| <div class="amt">+$200–400<span style="font-size:12px;font-weight:600;color:#8A90AD"> / year</span></div> | |
| <p>Your clients do not change. Only the road the money travels changes (payout rail, FX timing, withdrawal frequency). About ten minutes of work — do it this week.</p> | |
| </div> | |
| <div class="stage"> | |
| <div class="sh"><span class="n g2">STAGE 2</span><span class="tt">Direct clients, no commission</span></div> | |
| <div class="amt g2">+$1,700–2,400<span style="font-size:12px;font-weight:600;color:#8A90AD"> / year</span></div> | |
| <p>You reduce what you pay to platforms by finding some of your own direct clients. This needs real work: scripts, outreach, a contract. (We don't tell you to break platform rules.)</p> | |
| </div> | |
| </div> | |
| <div class="foot"> | |
| <b>Together: roughly $1,900–2,800 a year at $1,000/month.</b> Conservative mode shows the low end. The calculator shows Stages 1 and 2 separately — it never claims you can "delete" the 20% commission without changing how you find clients. | |
| </div> | |
| </div> | |
| <div class="head" style="margin-top:34px"> | |
| <div><h2>Every guide on the<br>internet was written for<br>someone with <em>Stripe.</em></h2></div> | |
| <p class="side">This one starts where you actually are: mobile money, a Payoneer account, and a client in Ohio who has never wired money to West Africa.</p> | |
| </div> | |
| <div class="grid2"> | |
| <div class="card"> | |
| <h3>Verified payment rails</h3> | |
| <p>Nine rails scored on real fees, minimums, speed, and how hard they are for your <em>client</em> to use. Filterable by your country and theirs.</p> | |
| <span class="tagline">Re-verified every month</span> | |
| </div> | |
| <div class="card"> | |
| <h3>The Trust Stack</h3> | |
| <p>Credibility transfer: profile structure, case studies you can build before you have clients, and the language that defuses location bias without apologising for it.</p> | |
| <span class="tagline">Built for the "aren't you African?" conversation</span> | |
| </div> | |
| <div class="card"> | |
| <h3>12 outreach scripts</h3> | |
| <p>LinkedIn DMs, cold email, migrating past platform clients, follow-ups, ghosting replies, quote responses — each with a filled example and why it works.</p> | |
| <span class="tagline">Professional-remote, never apologetic-local</span> | |
| </div> | |
| <div class="card"> | |
| <h3>Rate calculator, contract, invoice</h3> | |
| <p>A USD rate calculator with every fee and tax baked in, so the number you quote is the number you keep — plus one contract, one invoice, one payment-chase sequence.</p> | |
| <span class="tagline">Editable in Google Docs</span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- 04 — PROOF --> | |
| <section> | |
| <div class="wrap"> | |
| <div class="head"> | |
| <div> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">04</span> <span>THE PROOF</span></div> | |
| <h2>Proof, before you<br>take my <em>word</em> for it.</h2> | |
| </div> | |
| <p class="side">Every fee table on this site carries a "fees checked" date, because this data rots fast and most guides in this space are quietly wrong within months.</p> | |
| </div> | |
| <div class="grid2"> | |
| <div class="quote"> | |
| <p>I sent a real $300 from a US client through nine different rails and published what each one actually kept — not what their pricing page claims.</p> | |
| <span class="who">Self-funded transfer test · October 2026</span> | |
| </div> | |
| <div class="quote"> | |
| <p>The engine that powers the calculator is re-verified monthly and re-published with a changelog stating what changed and who it affects. Skipping a month is how trust dies.</p> | |
| <span class="who">Public changelog · updated monthly</span> | |
| </div> | |
| </div> | |
| <p class="note" style="margin-top:18px">Buyer outcomes are published here with real figures and permission as they come in. I'd rather show nothing than invent something.</p> | |
| </div> | |
| </section> | |
| <!-- 05 — THE OFFER --> | |
| <section id="offer"> | |
| <div class="wrap"> | |
| <div class="head"> | |
| <div> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">05</span> <span>THE OFFER</span></div> | |
| <h2>Eight components.<br>No video course,<br>no <em>filler.</em></h2> | |
| </div> | |
| <p class="side">The platform takes $20 from your next $100 job. This costs $19 founding — once — and then nothing, forever.</p> | |
| </div> | |
| <div class="rails"> | |
| <div class="rail"><div class="idx">01</div><div><div class="nm">Rails decision matrix</div><div class="meta"><span>Updated monthly</span><span class="sep">/</span><span>GH · NG · KE</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail"><div class="idx">02</div><div><div class="nm">Fee leakage calculator</div><div class="meta"><span>Full multi-client version</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail"><div class="idx">03</div><div><div class="nm">The Trust Stack</div><div class="meta"><span>Credibility transfer framework</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail"><div class="idx">04</div><div><div class="nm">12 outreach scripts</div><div class="meta"><span>LinkedIn · email · ghosting · quotes</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail is-best"><div class="idx">05</div><div><div class="nm">Rate calculator</div><div class="meta"><span>Fees and tax baked in</span></div></div><div class="right"><div class="cost good">Core</div><span class="tag best">VALUE DELTA</span></div></div> | |
| <div class="rail"><div class="idx">06</div><div><div class="nm">Contract + invoice</div><div class="meta"><span>Deposit · late fee · scope clause</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail"><div class="idx">07</div><div><div class="nm">Payment-chase sequence</div><div class="meta"><span>Five messages, escalation ladder</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| <div class="rail"><div class="idx">08</div><div><div class="nm">30-day launch plan</div><div class="meta"><span>One page, weekly numbers</span></div></div><div class="right"><div class="cost dim">In kit</div></div></div> | |
| </div> | |
| <div class="tiers"> | |
| <div class="tier" title="Basic payment rails pack for quick wins"> | |
| <h3>Rails Pack</h3> | |
| <div class="price">$9</div> | |
| <ul> | |
| <li title="Complete comparison of all payment rails">Rails decision matrix</li> | |
| <li title="Professional invoice template in USD">USD invoice template</li> | |
| <li title="Pre-written messages to chase late payments">Payment-chase sequence (5 messages)</li> | |
| </ul> | |
| <a class="btn btn-out" href="#buy" id="buyRails" style="width:100%;text-align:center" title="Purchase the Rails Pack for $9 - delivery within 24 hours">Get the Rails Pack — $9</a> | |
| <span class="note" style="display:block;margin-top:10px">Stop overpaying to get paid</span> | |
| </div> | |
| <div class="tier best" title="Most popular - complete kit at founding price"> | |
| <span class="badge" title="Founding price available through December 31, 2026">Founding price — through Dec 31</span> | |
| <h3>The Dollar Client Kit</h3> | |
| <div class="price">$19 <small>founding · one time</small></div> | |
| <div class="price" style="font-size:15px;color:var(--graphite);text-decoration:line-through;margin-top:-8px">$29 after Dec 31, 2026</div> | |
| <ul> | |
| <li title="All 8 components of the kit"><strong>All eight components</strong></li> | |
| <li title="Monthly fee verification and updates for one year">Fee data updated monthly, 12 months</li> | |
| <li title="Fully editable contract and invoice templates">Contract, invoice and chase sequence</li> | |
| <li title="Proven outreach templates with real examples">12 outreach scripts with examples</li> | |
| <li title="Zip in your inbox within 24 hours, usually faster">Zip in your inbox within 24 hours</li> | |
| </ul> | |
| <a class="btn btn-lime" href="#buy" id="buyKit" style="width:100%;text-align:center" title="Get the complete kit at founding price - $19 one-time payment">Get the Kit — $19 →</a> | |
| </div> | |
| <div class="tier" title="Kit plus personalized guidance"> | |
| <h3>Kit + Teardown</h3> | |
| <div class="price">$99</div> | |
| <ul> | |
| <li title="All components from the kit">Everything in the Kit</li> | |
| <li title="Professional review of your profile and pitch">Personal audit of profile & pitch</li> | |
| <li title="Custom rail recommendations based on your client mix">Rail recommendation for your client mix</li> | |
| <li title="I'll review your first outreach messages">First outreach batch reviewed</li> | |
| </ul> | |
| <a class="btn btn-out" href="#buy" id="buyTeardown" style="width:100%;text-align:center" title="Get the kit plus personal teardown for $99">Get the Teardown — $99</a> | |
| <span class="note" style="display:block;margin-top:10px" title="All communication is async written format">Async, written — works across time zones</span> | |
| </div> | |
| </div> | |
| <div class="btnrow"> | |
| <a class="btn btn-ink" href="#buy" id="buyKit2" title="Purchase the kit for $19 - zip within 24 hours">Get the Kit — $19 →</a> | |
| <a class="btn btn-out" href="#buy" id="buyKitLocal" title="Pay in local currency: Ghana Cedis, Nigerian Naira, or Kenyan Shillings">Pay in GH₵ · ₦ · KES</a> | |
| <span class="note" title="Multiple payment options, zip within 24 hours">Card, MoMo, bank transfer via Selar. Zip in your inbox within 24 hours.</span> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- 06 — GUARANTEE --> | |
| <section> | |
| <div class="wrap"> | |
| <div class="head"> | |
| <div> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">06</span> <span>THE RISK</span></div> | |
| <h2>Refund policy,<br>stated <em>plainly.</em></h2> | |
| </div> | |
| <p class="side">Run the calculator. Read the rails matrix. If your projected take-home does not improve, reply within 14 days and I refund you — and you keep the calculator.</p> | |
| </div> | |
| <p style="color:var(--graphite);font-size:15px;max-width:640px">14-day unconditional refund — if the kit isn't useful to you, reply and I refund you, no questions asked, and you keep the calculator. There is also a <strong>conservative mode</strong> in the calculator that plans using the worst case fee (high end of every range), so you never plan on optimistic numbers.</p> | |
| </div> | |
| </section> | |
| <!-- BUY (checkout live, manual delivery until Selar wiring complete) --> | |
| <section id="buy"> | |
| <div class="wrap"> | |
| <div class="head"> | |
| <div> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">07</span> <span>GET IT NOW</span></div> | |
| <h2>Buy it.<br>Download it.<br><em>Use it tonight.</em></h2> | |
| </div> | |
| <p class="side">Founding price <b>$19</b> through December 31, 2026. Price moves to $29 after that. Selar checkout (card / MoMo / bank transfer) goes live this week — drop your email below to buy now, you get the zip in your inbox within 24 hours (usually within an hour). Rails Pack $9 · Kit $19 · Kit + Teardown $99.</p> | |
| </div> | |
| <div style="max-width:520px"> | |
| <form name="preorder" method="POST" data-netlify="true" netlify-honeypot="bot-field" action="/?purchased=1" style="display:grid;gap:10px" title="Purchase form - zip within 24 hours"> | |
| <input type="hidden" name="form-name" value="preorder"> | |
| <p class="hp" style="position:absolute;left:-9999px"><label>Don't fill this: <input name="bot-field"></label></p> | |
| <input type="text" name="name" placeholder="Your name" required style="font:inherit;font-size:15px;padding:13px 16px;border-radius:100px;border:1px solid var(--line);background:var(--ivory);color:var(--ink)" title="Enter your full name" aria-label="Your full name"> | |
| <select name="country" required style="font:inherit;font-size:15px;padding:13px 16px;border-radius:100px;border:1px solid var(--line);background:var(--ivory);color:var(--ink)" title="Select your country" aria-label="Your country"> | |
| <option value="">Your country…</option> | |
| <option>Ghana</option><option>Nigeria</option><option>Kenya</option><option>Other</option> | |
| </select> | |
| <select name="tier" required style="font:inherit;font-size:15px;padding:13px 16px;border-radius:100px;border:1px solid var(--line);background:var(--ivory);color:var(--ink)" title="Choose which tier you want to purchase" aria-label="Select pricing tier"> | |
| <option value="">Pick a tier…</option> | |
| <option value="rails">Rails Pack — $9</option> | |
| <option value="kit" selected>The Kit — $19 founding (through Dec 31)</option> | |
| <option value="teardown">Kit + Teardown — $99</option> | |
| </select> | |
| <input type="email" name="email" placeholder="you@email.com" required style="font:inherit;font-size:15px;padding:13px 16px;border-radius:100px;border:1px solid var(--line);background:var(--ivory);color:var(--ink)" title="Enter your email address for delivery" aria-label="Your email address"> | |
| <select name="paymethod" style="font:inherit;font-size:15px;padding:13px 16px;border-radius:100px;border:1px solid var(--line);background:var(--ivory);color:var(--ink)" title="Choose your preferred payment method" aria-label="Payment method"> | |
| <option value="selar">Pay now via Selar (card / MoMo / bank transfer)</option> | |
| <option value="invoice">Send me an invoice (MoMo / bank transfer, pay within 24h)</option> | |
| </select> | |
| <textarea name="comment" rows="2" placeholder="Which fee/payment problem is costing you the most right now? (optional)" style="font:inherit;font-size:14px;padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:var(--ivory);color:var(--ink);resize:vertical" title="Optional: Tell us your biggest fee problem" aria-label="Optional feedback"></textarea> | |
| <button class="btn btn-lime" type="submit" style="justify-content:center" title="Submit purchase request - get download link within 24 hours">Get it — send me the zip →</button> | |
| <span class="note" style="display:block">I'll reply personally within 24 hours with the zip and a payment link. If it's not what you expected within 14 days, reply and I refund you — no questions, you keep the files.</span> | |
| </form> | |
| <div id="preorderSuccess" style="display:none;background:#F0F7E8;border:1px solid #C5DB9A;border-radius:16px;padding:20px 22px;color:#3D4A22"> | |
| <b style="display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;color:#5A6B33">You're in</b> | |
| Check your inbox within 24 hours (usually much faster) for the zip and payment link. If nothing arrives, check spam or reply to the order email — I answer personally. | |
| </div> | |
| <p style="color:var(--graphite);font-size:13px;margin-top:14px;max-width:520px">The receipt above is one worked Fiverr example; live fee ranges (e.g. ~$380 on a $500 Fiverr invoice) are shown in the calculator using conservative worst-case defaults. Stablecoin/USDC is not ranked pending regulatory review in GH/NG/KE — see FAQ. Nothing on this site is tax or legal advice. We do not advise moving active clients off Upwork/Fiverr in violation of their terms of service.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- 08 — FAQ (renumbered) --> | |
| <section> | |
| <div class="wrap"> | |
| <div class="kicker mono" style="margin-bottom:14px"><span class="num">08</span> <span>QUESTIONS</span></div> | |
| <div class="q"><h3>I'm a complete beginner. Will this work for me?</h3><p>Yes, if you already have one sellable skill. It assumes zero clients outside the platforms — it does not teach you the skill itself.</p></div> | |
| <div class="q"><h3>I don't have a US bank account. Can I use this?</h3><p>That is the entire point. Every rail in the matrix is checked for whether it works from Ghana, Nigeria and Kenya — with or without a US entity.</p></div> | |
| <div class="q"><h3>Which countries are covered?</h3><p>Ghana, Nigeria and Kenya in full depth at launch. South Africa, Uganda and Tanzania are on the update roadmap.</p></div> | |
| <div class="q"><h3>Is this tax or legal advice?</h3><p>No. Tax and compliance sections point you to the correct authorities and deadlines, with a clear instruction to confirm with a professional.</p></div> | |
| <div class="q"><h3>What happens when fees change?</h3><p>The matrix is re-verified monthly and every page shows its "fees checked" date. You get updated versions free for 12 months.</p></div> | |
| <div class="q"><h3>Do I have to leave Upwork or Fiverr?</h3><p>No. The goal is reducing dependence, not burning platforms. Stage 1 alone (switching your payout rail) is worth the effort. Outreach scripts are written for new direct clients and clients who have already moved off-platform. <b>We do NOT tell you how to move clients off Upwork/Fiverr in violation of their terms of service</b> — read the platforms' current off-platform rules before making any change.</p></div> | |
| <div class="q"><h3>What about stablecoins / USDC?</h3><p>Listed in the matrix for completeness. Cheapest on paper but regulatory status for on/off-ramps varies across GH/NG/KE and trust risk is real; check current BoG/CBN/CBK guidance before using crypto rails.</p></div> | |
| </div> | |
| </section> | |
| <!-- CLOSE --> | |
| <div class="wrap"> | |
| <div class="cta"> | |
| <div class="kicker mono" style="color:#8A90AD;margin-bottom:16px"><span class="num" style="color:var(--lime)">09</span> <span>THE DECISION</span></div> | |
| <h2>You can keep paying<br>20% to get <em>paid.</em></h2> | |
| <p>Or you can spend $19 once and keep it. Start with the free calculator — see your own number before you spend anything.</p> | |
| <div class="btnrow"> | |
| <a class="btn btn-lime" href="calculator.html" title="Try the free calculator to see your actual fee leakage">Open the calculator →</a> | |
| <a class="btn btn-ghost" href="#buy" title="Purchase the kit at founding price">Buy the Kit — $19</a> | |
| </div> | |
| <p class="note" style="margin-top:18px;color:#8A90AD" title="Full kit details and guarantee">$19 founding price through Dec 31, 2026 · Zip delivery within 24 hours · Editable Google Docs + Sheets · Free updates 12 months · Unconditional 14-day refund, keep the files</p> | |
| </div> | |
| </div> | |
| </main> | |
| <footer> | |
| <div class="wrap"> | |
| <div class="frow"> | |
| <span>THE DOLLAR CLIENT KIT · V2.0</span> | |
| <span id="footStamp">FEES CHECKED — OCT 2026 · NEXT — NOV 2026</span> | |
| </div> | |
| <p class="disc">ESTIMATES ONLY — ranges derived from published fee schedules as of October 2026, not quotes. Fee schedules, FX spreads and platform terms change without notice — verify with your provider before moving large amounts. We do NOT tell you to violate Upwork/Fiverr terms of service; read the platforms' current off-platform rules. Stablecoin rails are flagged for regulatory review. Not affiliated with Upwork, Fiverr, Payoneer, Wise, Grey, Raenest, Cleva, Paystack, Flutterwave or any provider named. Nothing here is tax, legal or financial advice. Contract template is a starting point, not legal counsel.</p> | |
| </div> | |
| </footer> | |
| <script> | |
| /* ───────────────────────────────────────────────────────────────────────────── | |
| CHECKOUT LINKS — the only edit you need to make on this page. | |
| Paste your real links between the quotes, save, refresh, redrop to Netlify. | |
| buyRails $9 Rails Pack → Selar | |
| buyKit $19 The Kit (founding) → Selar | |
| buyKit2 $19 The Kit (global) → Selar (same link) | |
| buyKitLocal — local GH₵/₦/KES → Selar (multi-currency) | |
| buyTeardown $99 Kit + Teardown → Selar | |
| ───────────────────────────────────────────────────────────────────────────── */ | |
| var CHECKOUT = { | |
| // ═══════════════════════════════════════════════════════════════════════ | |
| // Checkout wired (Selar): Rails Pack + Kit live; Teardown still routes to #buy form until its link exists. | |
| // Set up Selar (GH seller, MoMo/card/bank) and paste URLs below, then | |
| // redeploy. Buttons auto-switch to live checkout as soon as URLs exist. | |
| // Until then the form catches every buyer; deliver zip manually via email. | |
| // ═══════════════════════════════════════════════════════════════════════ | |
| buyRails: "https://selar.com/651f6g61yr", // "https://selar.co/..." | |
| buyKit: "https://selar.com/7127r88229", // "https://selar.co/..." → $19 founding | |
| buyKit2: "https://selar.com/7127r88229", // "https://gum.co/..." → $19 founding (global) | |
| buyKitLocal: "https://selar.com/7127r88229", // "https://selar.co/..." | |
| buyTeardown: "https://selar.com/q027c110a1", // "https://selar.co/..." → Kit + Teardown $99 | |
| preorder: "#buy" | |
| }; | |
| (function () { | |
| var pending = []; | |
| Object.keys(CHECKOUT).forEach(function (id) { | |
| if (id === "preorder") return; | |
| var el = document.getElementById(id); | |
| if (!el) return; | |
| var url = CHECKOUT[id] || ""; | |
| if (/^https?:\/\//.test(url)) { | |
| el.href = url; | |
| if (id === "buyKit2" || id === "buyKitLocal") el.target = "_blank", el.rel = "noopener"; | |
| } else { | |
| pending.push(id); | |
| el.href = CHECKOUT.preorder; | |
| } | |
| }); | |
| if (pending.length) { | |
| console.info("[dck] " + pending.length + " checkout URL(s) not yet set — routing to buy form."); | |
| } | |
| })(); | |
| </script> | |
| <script> | |
| // Enhanced tooltip system for mobile/touch devices | |
| (function(){ | |
| 'use strict'; | |
| var currentTooltip=null; | |
| function convertTitles(){ | |
| var elements=document.querySelectorAll('[title]:not([data-tooltip])'); | |
| elements.forEach(function(el){ | |
| var tag=el.tagName; | |
| if(tag==='A'||tag==='BUTTON'||tag==='INPUT'||tag==='SELECT'||tag==='TEXTAREA') return; | |
| var text=el.getAttribute('title'); | |
| if(text){el.setAttribute('data-tooltip',text);el.removeAttribute('title');} | |
| }); | |
| } | |
| function initTooltips(){ | |
| convertTitles(); | |
| var tooltips=document.querySelectorAll('[data-tooltip]'); | |
| tooltips.forEach(function(el){ | |
| // Only add touch tooltips to non-interactive elements | |
| var isInteractive = el.tagName==='A'||el.tagName==='BUTTON'||el.tagName==='INPUT'||el.tagName==='SELECT'||el.tagName==='TEXTAREA'; | |
| if(!isInteractive){ | |
| // Touch support for non-interactive elements only | |
| el.addEventListener('touchstart',function(e){ | |
| if(currentTooltip&¤tTooltip!==el)currentTooltip.classList.remove('show-tip'); | |
| el.classList.toggle('show-tip'); | |
| currentTooltip=el.classList.contains('show-tip')?el:null; | |
| e.stopPropagation(); | |
| }); | |
| } | |
| }); | |
| document.addEventListener('touchstart',function(){ | |
| if(currentTooltip){currentTooltip.classList.remove('show-tip');currentTooltip=null;} | |
| }); | |
| var scrollTimer; | |
| window.addEventListener('scroll',function(){ | |
| if(currentTooltip){ | |
| clearTimeout(scrollTimer); | |
| scrollTimer=setTimeout(function(){ | |
| if(currentTooltip){currentTooltip.classList.remove('show-tip');currentTooltip=null;} | |
| },100); | |
| } | |
| },{passive:true}); | |
| } | |
| if(document.readyState==='loading'){ | |
| document.addEventListener('DOMContentLoaded',initTooltips); | |
| }else{ | |
| initTooltips(); | |
| } | |
| })(); | |
| </script> | |
| <script> | |
| (function(){ | |
| var d=new Date(window.FEE_DATA_DATE+"T00:00:00"); | |
| var fmt=d.toLocaleString("en",{month:"short",year:"numeric"}).toUpperCase(); | |
| var next=new Date(d.getTime()); next.setMonth(next.getMonth()+1); | |
| var nextFmt=next.toLocaleString("en",{month:"short",year:"numeric"}).toUpperCase(); | |
| var pill=document.getElementById("stampPill"); | |
| if(pill) pill.textContent="FEES CHECKED — "+fmt; | |
| var foot=document.getElementById("footStamp"); | |
| if(foot) foot.textContent="FEES CHECKED — "+fmt+" · NEXT — "+nextFmt; | |
| var form=document.querySelector('form[name="preorder"]'); | |
| if(form){ | |
| form.addEventListener("submit",function(e){ | |
| e.preventDefault(); | |
| var btn=form.querySelector('button[type="submit"]'); | |
| var data=new FormData(form); | |
| if(!data.has("form-name")) data.append("form-name","preorder"); | |
| if(btn){btn.disabled=true;btn.textContent="Sending…";} | |
| fetch("/",{method:"POST",body:data}).then(function(res){ | |
| if(!res.ok) throw new Error("bad response"); | |
| form.style.display="none"; | |
| var ok=document.getElementById("preorderSuccess"); | |
| if(ok){ok.style.display="block";ok.scrollIntoView({behavior:"smooth",block:"center"});} | |
| }).catch(function(){ | |
| if(btn){btn.disabled=false;btn.textContent="Get it — send me the zip →";} | |
| form.submit(); | |
| }); | |
| }); | |
| } | |
| })(); | |
| </script> | |
| </body> | |
| </html> | |