/* Jump.AFRICA /join v1 */
.jj{--k-bg:var(--j-bg,#0A131A);--k-panel:var(--j-panel,#0F1C26);--k-panel2:var(--j-panel2,#132331);--k-line:var(--j-line,#1F3241);--k-line2:var(--j-line2,#2A4254);--k-ink:var(--j-ink,#E8EFF4);--k-body:var(--j-body,#C3D2DD);--k-mute:var(--j-mute,#93A8B8);--k-blue:var(--j-blue,#0192D3);--k-link:var(--j-link,#0ABFE8);--k-yel:var(--j-yellow,#FDEC31);--k-ok:var(--j-ok,#3DD68C);--k-sans:var(--j-sans,'IBM Plex Sans',system-ui,sans-serif);--k-mono:var(--j-mono,'IBM Plex Mono',ui-monospace,monospace);
  max-width:1200px;margin:0 auto;padding:0 20px 72px;color:var(--k-body);font:16px/1.6 var(--k-sans)}
.jj *{box-sizing:border-box}
.jj a{color:var(--k-link)}
.jj a:focus-visible,.jj summary:focus-visible{outline:2px solid var(--k-yel);outline-offset:2px}
.jj-label,.jj-kicker{font:600 12px var(--k-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-yel);margin:0 0 10px}
.jj-fine{font-size:13px;color:var(--k-mute);margin:12px 0 0}
.jj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;font:700 15px var(--k-sans);text-decoration:none!important;border:1px solid transparent}
.jj-btn--pri{background:var(--k-blue);color:#fff!important;border-color:var(--k-blue)}
.jj-btn--pri:hover{filter:brightness(1.08)}
.jj-btn--ghost{background:transparent;color:var(--k-ink)!important;border-color:var(--k-line2)}
.jj-btn--ghost:hover{border-color:var(--k-mute)}
.jj-btn--lg{min-height:56px;padding:14px 30px;font-size:17px}
/* hero */
.jj-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 0 40px}
.jj-hero h1{font:700 clamp(34px,4.6vw,56px)/1.06 var(--k-sans);letter-spacing:-.02em;color:var(--k-ink);margin:0 0 18px}
.jj-sub{font-size:19px;line-height:1.55;color:var(--k-body);max-width:620px;margin:0 0 26px}
.jj-sub b{color:var(--k-ink)}
.jj-ctas{display:flex;gap:10px;flex-wrap:wrap}
.jj-panel{background:var(--k-panel);border:1px solid var(--k-line);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.jj-panel__h{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--k-line);background:var(--k-panel2);font:600 11px var(--k-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k-yel)}
.jj-panel__h span+span{color:var(--k-mute)}
.jj-panel table{width:100%;border-collapse:collapse;font:14px var(--k-mono)}
.jj-panel th{font:600 10px var(--k-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k-mute);text-align:right;padding:10px 16px;border-bottom:1px solid var(--k-line)}
.jj-panel th:first-child,.jj-panel td:first-child{text-align:left}
.jj-panel td{padding:11px 16px;text-align:right;color:var(--k-ink);border-bottom:1px solid var(--k-line);font-variant-numeric:tabular-nums}
.jj-panel td:last-child{color:var(--k-yel)}
.jj-panel__f{margin:0;padding:12px 16px;font-size:13px;color:var(--k-mute)}
/* proof */
.jj-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);margin:0 0 20px}
.jj-proof div{padding:20px 12px;text-align:center;border-left:1px solid var(--k-line)}
.jj-proof div:first-child{border-left:0}
.jj-proof b{display:block;font:700 28px var(--k-mono);color:var(--k-ink)}
.jj-proof span{font-size:13px;color:var(--k-mute)}
/* sections */
.jj-sec{padding:56px 0 8px}
.jj-sec h2{font:700 clamp(26px,3vw,38px)/1.15 var(--k-sans);letter-spacing:-.01em;color:var(--k-ink);margin:0 0 28px;max-width:760px}
.jj-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jj-f{background:var(--k-panel);border:1px solid var(--k-line);padding:22px 20px;display:flex;flex-direction:column}
.jj-f:hover{border-color:var(--k-line2)}
.jj-ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--k-panel2);border:1px solid var(--k-line2);color:var(--k-yel);font:700 18px var(--k-mono);margin:0 0 14px}
.jj-f h3{font:600 18px/1.3 var(--k-sans);color:var(--k-ink);margin:0 0 8px}
.jj-f p{margin:0 0 12px;font-size:15px;color:var(--k-body);flex:1}
.jj-f a{font-size:14px;font-weight:600;text-decoration:none}
.jj-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jj-steps li{counter-increment:s;position:relative;padding:22px 20px 22px 70px;background:var(--k-panel);border:1px solid var(--k-line)}
.jj-steps li:before{content:counter(s);position:absolute;left:20px;top:20px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--k-yel);color:#0A131A;font:700 16px var(--k-mono)}
.jj-steps b{display:block;color:var(--k-ink);font-size:17px;margin:0 0 4px}
.jj-steps span{font-size:15px;color:var(--k-body)}
/* plans */
.jj-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.jj-p{position:relative;background:var(--k-panel);border:1px solid var(--k-line);padding:24px 20px;display:flex;flex-direction:column}
.jj-p--hot{border-color:var(--k-blue);box-shadow:inset 0 0 0 1px var(--k-blue)}
.jj-badge{position:absolute;top:-11px;left:20px;background:var(--k-yel);color:#0A131A;font:700 11px var(--k-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px}
.jj-p h3{font:600 13px var(--k-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-mute);margin:0 0 6px}
.jj-price{font:700 34px var(--k-sans);color:var(--k-ink);margin:0}
.jj-price small{font-size:15px;font-weight:400;color:var(--k-mute)}
.jj-pd{font-size:14px;color:var(--k-mute);margin:6px 0 14px;min-height:44px}
.jj-p ul{list-style:none;margin:0 0 20px;padding:0;flex:1}
.jj-p li{position:relative;padding:6px 0 6px 22px;font-size:14px;border-bottom:1px solid var(--k-line)}
.jj-p li:before{content:'✓';position:absolute;left:0;color:var(--k-ok);font-weight:700}
.jj-p .jj-btn{width:100%}
/* safety */
.jj-safe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:start}
.jj-safe ul{list-style:none;margin:0;padding:0}
.jj-safe li{padding:14px 0;border-bottom:1px solid var(--k-line);font-size:16px}
.jj-safe b{color:var(--k-ink)}
/* faq */
.jj-faq{max-width:860px}
.jj-faq details{border-bottom:1px solid var(--k-line);padding:16px 0}
.jj-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:600 18px/1.4 var(--k-sans);color:var(--k-ink)}
.jj-faq summary::-webkit-details-marker{display:none}
.jj-faq summary:after{content:'+';font:400 24px/1 var(--k-mono);color:var(--k-mute)}
.jj-faq details[open] summary:after{content:'–'}
.jj-faq p{margin:10px 0 0;color:var(--k-body)}
/* final */
.jj-final{margin:64px 0 0;padding:48px 24px;text-align:center;border:1px solid var(--k-line2);background:radial-gradient(ellipse at 50% 0%,rgba(1,146,211,.22),transparent 65%),var(--k-panel)}
.jj-final h2{font:700 clamp(26px,3.2vw,40px)/1.15 var(--k-sans);color:var(--k-ink);margin:0 auto 10px;max-width:760px}
.jj-final p{margin:0 0 22px;color:var(--k-body)}
.jj-final .jj-fine{margin:18px 0 0}
/* light theme */
html:not([data-theme=dark]) .jj-label,html:not([data-theme=dark]) .jj-kicker,html:not([data-theme=dark]) .jj-panel__h{color:#8A6D00}
html:not([data-theme=dark]) .jj-panel td:last-child,html:not([data-theme=dark]) .jj-ic{color:#8A6D00}
@media (max-width:1080px){.jj-grid,.jj-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-hero{grid-template-columns:1fr;gap:28px;padding-top:36px}}
@media (max-width:760px){.jj-steps{grid-template-columns:1fr}.jj-safe{grid-template-columns:1fr;gap:8px}.jj-proof{grid-template-columns:repeat(2,1fr)}.jj-proof div:nth-child(3){border-left:0}.jj-proof div{border-top:1px solid var(--k-line)}}
@media (max-width:560px){.jj{padding:0 14px 56px}.jj-grid,.jj-plans{grid-template-columns:1fr}.jj-sub{font-size:17px}.jj-ctas .jj-btn{flex:1}}
/* friendly welcome for visitors arriving from TradeNAIRA */
.jj-hello{display:flex;gap:14px;align-items:flex-start;margin:28px 0 -20px;padding:14px 18px;background:var(--j-panel,#0F1C26);border:1px solid var(--j-line2,#2A4254);border-left:3px solid var(--j-yellow,#FDEC31);color:var(--j-body,#C3D2DD);font-size:15px;line-height:1.55}
.jj-hello p{margin:0}
.jj-hello b{color:var(--j-ink,#E8EFF4)}
.jj-hello__wave{font-size:22px;line-height:1}
/* a landing page should never show leftover notices from another page */
body:has(.jj) .alert,body:has(.jj) .ja-flash,body:has(.jj) [class*="flash-"]{display:none!important}