/* VeriAfrica website (veriafrica.com), shared by every page: home, about,
   blog, articles, payment. Everything is scoped under .va so the WordPress
   theme cannot clash with it. Dark is the default, like the platform;
   html[data-va-theme="light"] switches to day mode. */
.va{--bg:#060D1A;--s1:#0A1628;--s2:#0D1B2E;--s3:#112239;--s4:#152A45;--bd:#1E3557;--fg:#fff;--t1:#E2E8F0;--t2:#CBD5E1;--t3:#94A3B8;--t4:#64748B;--g:#16B268;--g4:#2FC97D;--g3:#5ADB9A;--gold:#D9A441;--gold3:#EAC04F;--onacc:#060D1A;--head:rgba(6,13,26,.85);--glass:rgba(13,27,46,.6);--shadow:rgba(0,0,0,.7);
  background:var(--bg);color:var(--t2);font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;transition:background .25s,color .25s}
html[data-va-theme="light"] .va{--bg:#F6F8FB;--s1:#FFFFFF;--s2:#F1F5F9;--s3:#E2E8F0;--s4:#CBD5E1;--bd:#DCE3EC;--fg:#0F172A;--t1:#1E293B;--t2:#334155;--t3:#475569;--t4:#64748B;--g3:#0B7245;--g4:#0D9155;--gold3:#8A5A10;--head:rgba(246,248,251,.88);--glass:rgba(255,255,255,.8);--shadow:rgba(15,23,42,.18)}
.va *,.va *::before,.va *::after{box-sizing:border-box}
.va h1,.va h2,.va h3,.va h4,.va p,.va ul,.va ol,.va figure,.va blockquote{margin:0;padding:0}
.va h1,.va h2,.va h3,.va h4{font-family:inherit;text-transform:none;color:var(--fg);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.va ul,.va ol{list-style:none}
.va a{color:inherit;text-decoration:none}
.va img{max-width:100%;height:auto;display:block}
.va button{font-family:inherit;text-transform:none;letter-spacing:normal}
.va .va-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.va section{padding:88px 0}
.va .va-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold3)}
.va .va-h2{font-size:clamp(28px,3.6vw,40px);margin-top:12px}
.va .va-lead{color:var(--t3);font-size:17px;max-width:680px;margin-top:14px}
.va .va-center{text-align:center}
.va .va-center .va-lead{margin-left:auto;margin-right:auto}
.va .va-alt{background:var(--s1);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
/* buttons */
.va .va-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 22px;font-weight:600;font-size:15px;line-height:1;transition:.15s;border:1px solid transparent;cursor:pointer;text-transform:none}
.va .va-btn-g{background:var(--g);color:#060D1A}
.va .va-btn-g:hover{background:#2FC97D}
.va .va-btn-o{border-color:var(--bd);color:var(--fg);background:var(--glass)}
.va .va-btn-o:hover{border-color:var(--g)}
.va .va-btn-gold{background:var(--gold);color:#060D1A}
.va .va-btn-gold:hover{background:#EAC04F}
.va .va-btn-dark{background:#060D1A;color:#fff}
.va .va-btn-dark:hover{background:#112239}
/* header */
.va .va-head{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50;background:var(--head);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bd)}
.va .va-head .va-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px}
.va .va-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--fg);flex:none}
.va .va-logo img{width:34px;height:34px}
.va .va-logo b{color:var(--g4);font-weight:700}
.va .va-nav{display:flex;align-items:center;gap:22px;font-size:14px;color:var(--t3)}
.va .va-nav a:hover,.va .va-nav a.on{color:var(--fg)}
.va .va-head-cta{display:flex;gap:8px;align-items:center}
.va .va-head-cta .va-btn{padding:10px 16px;font-size:14px}
.va .va-tools{display:flex;align-items:center;gap:6px}
.va .va-lang{display:flex;border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.va .va-lang button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--t3);font-size:12px;font-weight:700;padding:7px 8px;cursor:pointer;line-height:1}
.va .va-lang button svg{width:18px;height:12px;border-radius:2px;flex:none}
.va .va-lang button.on{background:var(--s3);color:var(--fg)}
.va .va-theme{width:36px;height:34px;border:1px solid var(--bd);border-radius:10px;background:transparent;color:var(--t2);display:grid;place-items:center;cursor:pointer;padding:0}
.va .va-theme:hover{color:var(--fg);border-color:var(--g)}
.va .va-theme svg{width:17px;height:17px}
.va .va-theme .sun{display:none}
html[data-va-theme="light"] .va .va-theme .sun{display:block}
html[data-va-theme="light"] .va .va-theme .moon{display:none}
.va .va-burger{display:none}
.va .va-menu-cb{display:none}
.va .va-mnav{display:none}
/* hero (home) */
.va .va-hero{position:relative;padding:80px 0 72px;overflow:hidden}
.va .va-hero::before{content:"";position:absolute;inset:-200px -200px auto auto;width:720px;height:720px;background:radial-gradient(closest-side,rgba(22,178,104,.18),transparent);pointer-events:none}
.va .va-hero::after{content:"";position:absolute;left:-240px;bottom:-260px;width:620px;height:620px;background:radial-gradient(closest-side,rgba(217,164,65,.10),transparent);pointer-events:none}
.va .va-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.va .va-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(217,164,65,.35);background:rgba(217,164,65,.08);color:var(--gold3);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}
.va .va-pill i{font-style:normal;background:var(--gold);color:#060D1A;border-radius:6px;padding:1px 6px;font-size:10px;letter-spacing:.06em}
.va .va-hero h1{font-size:clamp(36px,5vw,58px);margin-top:20px}
.va .va-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--g3),var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.va .va-hero p.va-sub{font-size:18px;color:var(--t3);margin-top:20px;max-width:560px}
.va .va-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.va .va-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:13px;color:var(--t4)}
.va .va-trust span{display:inline-flex;align-items:center;gap:6px}
.va .va-trust svg{width:15px;height:15px;color:var(--g4)}
.va .va-app{border:1px solid var(--bd);border-radius:18px;background:var(--s1);box-shadow:0 30px 80px -20px var(--shadow);overflow:hidden}
.va .va-app-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--bd);background:var(--s2)}
.va .va-dot{width:10px;height:10px;border-radius:50%;background:var(--bd)}
.va .va-app-url{margin-left:8px;flex:1;background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--t4)}
.va .va-app-body{padding:18px}
.va .va-app-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.va .va-app-title h3{font-size:17px}
.va .va-langs{display:flex;gap:2px;border:1px solid var(--bd);border-radius:999px;padding:3px}
.va .va-langs span{font-size:11px;font-weight:600;color:var(--t3);padding:3px 8px;border-radius:999px;cursor:pointer;transition:.2s}
.va .va-langs span.on{background:var(--g);color:#060D1A}
.va .va-app .va-card{margin-top:12px}
.va .va-fade{transition:opacity .25s}
/* opportunity card */
.va .va-card{display:block;border:1px solid var(--bd);border-radius:14px;background:var(--s2);padding:16px 18px;transition:.15s}
.va a.va-card:hover{border-color:rgba(22,178,104,.5)}
.va .va-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.va .va-badges{display:flex;gap:6px;flex-wrap:wrap}
.va .va-b{font-size:11px;font-weight:600;border-radius:6px;padding:3px 8px;white-space:nowrap}
.va .va-b-type{background:rgba(22,178,104,.14);color:var(--g3)}
.va .va-b-lock{background:rgba(217,164,65,.12);color:var(--gold3)}
.va .va-dl{font-size:12px;color:var(--t3);white-space:nowrap}
.va .va-card h4{font-size:15.5px;margin-top:10px;line-height:1.35;font-weight:700;letter-spacing:-.005em}
.va .va-card .va-meta{font-size:12px;color:var(--t4);margin-top:6px}
/* stats */
.va .va-stats{padding:0 0 40px}
.va .va-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.va .va-stat{border:1px solid var(--bd);border-radius:16px;background:var(--s1);padding:22px}
.va .va-stat b{display:block;font-size:34px;color:var(--fg);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.va .va-stat span{font-size:13px;color:var(--t3)}
.va .va-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--t3);margin-bottom:14px}
.va .va-live i{width:8px;height:8px;border-radius:50%;background:var(--t4)}
.va .va-live.on i{background:var(--g4);animation:va-pulse 2s infinite}
@keyframes va-pulse{0%{box-shadow:0 0 0 0 rgba(47,201,125,.6)}70%{box-shadow:0 0 0 8px rgba(47,201,125,0)}100%{box-shadow:0 0 0 0 rgba(47,201,125,0)}}
/* board */
.va .va-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}
.va .va-board-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;border:1px dashed rgba(217,164,65,.35);border-radius:14px;padding:18px 20px;background:rgba(217,164,65,.05)}
.va .va-board-foot p{color:var(--t2);font-size:15px}
.va .va-board-foot b{color:var(--fg)}
.va .va-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;justify-content:center}
.va .va-type{border:1px solid var(--bd);background:var(--s1);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--t2)}
.va .va-type small{color:var(--t4);margin-left:6px;font-size:12px}
.va .va-type em{font-style:normal;color:var(--g3);font-weight:600;margin-left:6px}
/* layers */
.va .va-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.va .va-layer{border:1px solid var(--bd);border-radius:16px;background:var(--s2);padding:24px;display:flex;flex-direction:column}
.va .va-layer .va-n{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(22,178,104,.14);color:var(--g3);font-weight:700}
.va .va-layer h3{font-size:18px;margin-top:16px}
.va .va-layer h3 small{display:block;font-size:13px;color:var(--gold3);font-weight:600;margin-top:4px;letter-spacing:0}
.va .va-layer p{font-size:14px;color:var(--t3);margin-top:12px}
.va .va-layer p.va-strong{color:var(--t2)}
/* pricing */
.va .va-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;align-items:stretch}
.va .va-plan{position:relative;border:1px solid var(--bd);border-radius:18px;background:var(--s1);padding:26px 22px;display:flex;flex-direction:column}
.va .va-plan.hot{border-color:var(--g);background:linear-gradient(180deg,rgba(22,178,104,.10),var(--s1) 40%)}
.va .va-plan .va-tag{position:absolute;top:-11px;left:22px;background:var(--g);color:#060D1A;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px}
.va .va-plan h3{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}
.va .va-price{margin-top:14px;color:var(--fg);font-size:42px;font-weight:700;letter-spacing:-.03em;line-height:1}
.va .va-per{font-size:13px;color:var(--t4);margin-top:6px}
.va .va-plan ul{margin:20px 0 24px;display:grid;gap:10px;font-size:14px;flex:1;align-content:start}
.va .va-plan li{display:flex;gap:9px;color:var(--t2)}
.va .va-plan li::before,.va .va-check li::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;border-radius:50%;background:rgba(22,178,104,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316B268' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.va .va-plan .va-btn{width:100%}
.va .va-renew{font-size:12px;color:var(--t4);text-align:center;margin-top:8px}
#va-pricing .va-toggle{margin-top:24px}
.va .va-note{text-align:center;color:var(--t4);font-size:13px;margin-top:20px}
.va .va-note a{color:var(--g3)}
/* split + figures */
.va .va-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.va .va-split p{color:var(--t3);margin-top:16px;font-size:16px}
.va .va-split p.va-big{color:var(--t1);font-size:18px}
.va .va-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.va .va-figures div{border-left:2px solid var(--gold);padding-left:16px}
.va .va-figures b{display:block;color:var(--fg);font-size:34px;font-weight:700;line-height:1.1}
.va .va-figures span{font-size:13px;color:var(--t3)}
.va .va-frame{border:1px solid var(--bd);border-radius:20px;overflow:hidden;background:var(--s2)}
.va .va-check{display:grid;gap:12px;margin-top:24px}
.va .va-check li{display:flex;gap:12px;color:var(--t1);font-size:15px}
/* people */
.va .va-founder{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:center;border:1px solid var(--bd);border-radius:24px;background:linear-gradient(135deg,var(--s2),var(--s1));padding:40px;overflow:hidden}
.va .va-founder-img{border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(22,178,104,.25),rgba(217,164,65,.08) 60%,transparent 75%),var(--s3);overflow:hidden}
.va .va-founder h2{font-size:clamp(26px,3vw,36px);margin-top:10px}
.va .va-founder p{color:var(--t3);margin-top:16px}
.va .va-social{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.va .va-social a{width:40px;height:40px;border-radius:10px;border:1px solid var(--bd);display:grid;place-items:center;color:var(--t2);transition:.15s}
.va .va-social a:hover{border-color:var(--g);color:var(--fg)}
.va .va-social svg{width:18px;height:18px}
.va .va-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.va .va-value{border:1px solid var(--bd);border-radius:16px;background:var(--s2);padding:28px}
.va .va-value svg{width:28px;height:28px;color:var(--gold3)}
.va .va-value h3{font-size:18px;margin-top:16px}
.va .va-value p{font-size:14.5px;color:var(--t3);margin-top:10px}
/* bands */
.va .va-band{border-radius:24px;padding:44px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}
.va .va-band-invest{border:1px solid rgba(217,164,65,.35);background:linear-gradient(120deg,rgba(217,164,65,.12),var(--s2) 55%)}
.va .va-band-cta{background:linear-gradient(120deg,#0B7245,#16B268 60%,#2FC97D)}
.va .va-band-cta h2,.va .va-band-cta p{color:#060D1A}
.va .va-band h2{font-size:clamp(24px,2.8vw,32px)}
.va .va-band p{margin-top:10px;max-width:640px}
.va .va-band-invest p{color:var(--t2)}
.va .va-band small{display:block;margin-top:10px;color:var(--t4);font-size:12px}
.va .va-news{display:grid;grid-template-columns:1fr 1.1fr;align-items:center}
.va .va-news-form{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 20px 50px -20px rgba(0,0,0,.45);color:#0f172a;min-height:120px}
.va .va-news-form .srfm-form-container,.va .va-news-form form{background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
.va .va-news-form label,.va .va-news-form .srfm-block-label{color:#0f172a!important;font-size:14px}
.va .va-news-form button[type=submit],.va .va-news-form .srfm-submit-button{background:#16B268!important;border-color:#16B268!important;color:#060D1A!important;border-radius:12px!important;font-weight:600!important;text-transform:none!important;padding:13px 22px!important}
/* faq */
.va .va-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;align-items:start}
.va .va-faq details{border:1px solid var(--bd);border-radius:14px;background:var(--s1);padding:0 20px;transition:.15s}
.va .va-faq details[open]{border-color:rgba(22,178,104,.45)}
.va .va-faq summary{list-style:none;cursor:pointer;padding:18px 28px 18px 0;color:var(--fg);font-weight:600;font-size:15px;position:relative}
.va .va-faq summary::-webkit-details-marker{display:none}
.va .va-faq summary::after{content:"+";position:absolute;right:0;top:15px;font-size:22px;color:var(--g3);font-weight:400;transition:.2s}
.va .va-faq details[open] summary::after{transform:rotate(45deg)}
.va .va-faq details p{color:var(--t3);font-size:14.5px;padding-bottom:18px}
.va .va-faq details a{color:var(--g3)}
/* contact + follow + footer */
.va .va-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.va .va-contact a,.va .va-contact div.va-c{border:1px solid var(--bd);border-radius:16px;background:var(--s1);padding:26px;display:block;transition:.15s}
.va .va-contact a:hover{border-color:var(--g)}
.va .va-contact svg{width:24px;height:24px;color:var(--g3)}
.va .va-contact h3{font-size:16px;margin-top:14px}
.va .va-contact p{font-size:14px;color:var(--t3);margin-top:6px}
.va .va-contact b{display:block;color:var(--fg);margin-top:12px;font-weight:600}
.va .va-follow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px;font-size:14px;color:var(--t3)}
.va .va-follow a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--bd);border-radius:10px;padding:9px 14px;color:var(--t1);transition:.15s}
.va .va-follow a:hover{border-color:var(--g)}
.va .va-follow svg{width:16px;height:16px}
.va .va-foot{border-top:1px solid var(--bd);padding:40px 0;font-size:13px;color:var(--t4);margin-top:0}
.va .va-foot .va-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
.va .va-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.va .va-foot nav a:hover{color:var(--fg)}
.va .va-foot-social{display:inline-flex;align-items:center;gap:14px}
.va .va-foot-social a{color:var(--t3)}
.va .va-foot-social a:hover{color:var(--fg)}
.va .va-foot-social svg{width:17px;height:17px}
/* inner page hero (about, blog) */
.va .va-phero{position:relative;padding:72px 0 56px;overflow:hidden;border-bottom:1px solid var(--bd)}
.va .va-phero::before{content:"";position:absolute;right:-220px;top:-260px;width:720px;height:720px;background:radial-gradient(closest-side,rgba(22,178,104,.16),transparent);pointer-events:none}
.va .va-phero h1{font-size:clamp(34px,4.6vw,54px);margin-top:14px;max-width:880px;position:relative}
.va .va-phero h1 em{font-style:normal;background:linear-gradient(90deg,var(--g3),var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.va .va-phero p{color:var(--t3);font-size:18px;max-width:720px;margin-top:18px;position:relative}
/* about */
.va .va-story{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.va .va-story .va-prose p{color:var(--t2);font-size:17px;margin-top:18px}
.va .va-story .va-prose p:first-child{margin-top:0}
.va .va-quote{border-left:3px solid var(--gold);padding:6px 0 6px 22px;font-size:22px;line-height:1.45;color:var(--fg);font-weight:600;letter-spacing:-.01em}
.va .va-quote small{display:block;font-size:14px;color:var(--t3);font-weight:500;margin-top:12px}
.va .va-timeline{display:grid;gap:0;margin-top:40px;position:relative}
.va .va-tl{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--bd)}
.va .va-tl b{color:var(--gold3);font-size:15px}
.va .va-tl h3{font-size:17px}
.va .va-tl p{color:var(--t3);font-size:15px;margin-top:6px}
.va .va-team{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.va .va-member{border:1px solid var(--bd);border-radius:20px;background:var(--s2);padding:28px}
.va .va-member .va-av{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:22px;color:#060D1A;background:linear-gradient(135deg,var(--g),var(--gold))}
.va .va-member h3{font-size:20px;margin-top:16px}
.va .va-member .va-role{color:var(--gold3);font-size:13px;font-weight:600;margin-top:4px;letter-spacing:.02em}
.va .va-member p{color:var(--t3);font-size:15px;margin-top:12px}
.va .va-member ul{margin-top:14px;display:grid;gap:8px;font-size:14px;color:var(--t2)}
.va .va-member li{display:flex;gap:10px}
.va .va-member li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--g);margin-top:9px}
.va .va-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.va .va-fact{border:1px solid var(--bd);border-radius:16px;background:var(--s1);padding:22px}
.va .va-fact span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--t4);font-weight:600}
.va .va-fact b{display:block;color:var(--fg);font-size:17px;margin-top:8px;font-weight:600}
.va .va-fact p{color:var(--t3);font-size:14px;margin-top:6px}
/* blog index */
.va .va-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.va .va-chip{border:1px solid var(--bd);background:var(--s1);color:var(--t2);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}
.va .va-chip.on{background:var(--g);border-color:var(--g);color:#060D1A}
.va .va-feat{display:grid;grid-template-columns:1.25fr 1fr;gap:0;border:1px solid var(--bd);border-radius:22px;overflow:hidden;background:var(--s1);margin-top:36px;transition:.15s}
.va .va-feat:hover{border-color:rgba(22,178,104,.5)}
.va .va-feat img{width:100%;height:100%;object-fit:cover;aspect-ratio:1200/630}
.va .va-feat .va-pc{padding:34px;display:flex;flex-direction:column;justify-content:center}
.va .va-feat h2{font-size:clamp(24px,2.6vw,32px);margin-top:12px}
.va .va-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.va .va-post{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:var(--s1);transition:.15s}
.va .va-post:hover{border-color:rgba(22,178,104,.5);transform:translateY(-2px)}
.va .va-post img{aspect-ratio:1200/630;object-fit:cover;width:100%}
.va .va-post .va-pc{padding:20px;display:flex;flex-direction:column;flex:1}
.va .va-post h3{font-size:18px;line-height:1.3;margin-top:10px}
.va .va-pc p{color:var(--t3);font-size:14.5px;margin-top:10px}
.va .va-pmeta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:var(--t4)}
.va .va-cat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g3)}
.va .va-post .va-pmeta{margin-top:auto;padding-top:14px}
.va [hidden]{display:none!important}
/* article */
.va .va-art-head{padding:56px 0 32px;border-bottom:1px solid var(--bd);position:relative;overflow:hidden}
.va .va-art-head::before{content:"";position:absolute;right:-240px;top:-280px;width:700px;height:700px;background:radial-gradient(closest-side,rgba(22,178,104,.14),transparent);pointer-events:none}
.va .va-crumbs{font-size:13px;color:var(--t4);position:relative}
.va .va-crumbs a:hover{color:var(--fg)}
.va .va-art-head h1{font-size:clamp(30px,4.2vw,48px);margin-top:16px;max-width:900px;position:relative}
.va .va-art-head .va-dek{color:var(--t3);font-size:19px;max-width:780px;margin-top:16px;position:relative}
.va .va-byline{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;font-size:14px;color:var(--t3);position:relative}
.va .va-byline img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;background:var(--s3)}
.va .va-byline b{color:var(--fg)}
.va .va-art{display:grid;grid-template-columns:64px minmax(0,740px) 1fr;gap:32px;padding:44px 0 72px}
.va .va-share-rail{position:sticky;top:110px;align-self:start;display:grid;gap:10px}
.va .va-share-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--bd);background:var(--s1);color:var(--t2);display:grid;place-items:center;cursor:pointer;transition:.15s;padding:0}
.va .va-share-btn:hover{color:#fff;border-color:transparent}
.va .va-share-btn svg{width:18px;height:18px}
.va .va-share-btn.li:hover{background:#0A66C2}
.va .va-share-btn.x:hover{background:#000}
.va .va-share-btn.fb:hover{background:#1877F2}
.va .va-share-btn.wa:hover{background:#25D366}
.va .va-share-btn.em:hover,.va .va-share-btn.cp:hover{background:var(--g)}
.va .va-share-btn.cp.ok{background:var(--g);color:#060D1A}
.va .va-cover{border-radius:18px;overflow:hidden;border:1px solid var(--bd);margin-bottom:34px}
.va .va-body{font-size:18px;line-height:1.75;color:var(--t1)}
.va .va-body > * + *{margin-top:22px}
.va .va-body h2{font-size:28px;margin-top:44px;line-height:1.25}
.va .va-body h3{font-size:21px;margin-top:32px}
.va .va-body a{color:var(--g3);text-decoration:underline;text-underline-offset:3px}
.va .va-body strong{color:var(--fg)}
.va .va-body ul,.va .va-body ol{padding-left:4px;display:grid;gap:10px}
.va .va-body ul li{position:relative;padding-left:24px}
.va .va-body ul li::before{content:"";position:absolute;left:4px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--g)}
.va .va-body ol{counter-reset:va}
.va .va-body ol li{position:relative;padding-left:36px;counter-increment:va}
.va .va-body ol li::before{content:counter(va);position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:7px;background:rgba(22,178,104,.16);color:var(--g3);font-size:13px;font-weight:700;display:grid;place-items:center}
.va .va-body blockquote{border-left:3px solid var(--gold);padding:4px 0 4px 22px;font-size:21px;color:var(--fg);font-weight:600;line-height:1.5}
.va .va-keys{border:1px solid rgba(22,178,104,.35);background:rgba(22,178,104,.07);border-radius:16px;padding:22px 24px}
.va .va-keys h2{font-size:15px!important;margin:0!important;letter-spacing:.08em;text-transform:uppercase;color:var(--g3)!important}
.va .va-keys ul{margin-top:14px}
.va .va-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.va .va-stats-row div{border:1px solid var(--bd);border-radius:14px;background:var(--s1);padding:18px}
.va .va-stats-row b{display:block;font-size:28px;color:var(--fg);line-height:1.1}
.va .va-stats-row span{font-size:13px;color:var(--t3);line-height:1.4;display:block;margin-top:6px}
.va .va-table{width:100%;border-collapse:collapse;font-size:15px}
.va .va-table th,.va .va-table td{border-bottom:1px solid var(--bd);padding:10px 12px;text-align:left;vertical-align:top}
.va .va-table th{color:var(--fg);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.va .va-cta-box{border-radius:20px;padding:30px;background:linear-gradient(120deg,#0B7245,#16B268 60%,#2FC97D);color:#060D1A}
.va .va-cta-box h3{color:#060D1A!important;margin:0!important;font-size:22px}
.va .va-cta-box p{margin-top:8px;color:#06291A}
.va .va-cta-box .va-btn{margin-top:16px;text-decoration:none!important}
.va .va-sources{font-size:14px;color:var(--t3);border-top:1px solid var(--bd);padding-top:22px}
.va .va-sources h2{font-size:15px!important;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px!important}
.va .va-sources li{padding-left:0!important}
.va .va-sources li::before{display:none}
.va .va-share-end{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:1px solid var(--bd);border-radius:16px;padding:18px 20px;background:var(--s1);margin-top:40px}
.va .va-share-end > span{font-weight:700;color:var(--fg);margin-right:6px}
.va .va-share-end .va-share-btn{width:auto;padding:0 14px;display:inline-flex;gap:8px;font-size:13px;font-weight:600}
.va .va-author{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--bd);border-radius:18px;padding:22px;background:var(--s1);margin-top:28px}
.va .va-author img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;flex:none;background:var(--s3)}
.va .va-author b{color:var(--fg);font-size:16px}
.va .va-author p{color:var(--t3);font-size:14.5px;margin-top:6px}
.va .va-related{border-top:1px solid var(--bd);padding:56px 0 80px}
/* payment */
.va .va-step{border:1px solid var(--bd);border-radius:20px;background:var(--s1);padding:28px;margin-top:20px}
.va .va-step-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.va .va-num{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:rgba(22,178,104,.14);color:var(--g3);font-weight:700}
.va .va-step-h h2{font-size:20px}
.va .va-step-h span.va-hint{margin-left:auto;font-size:13px;color:var(--t4)}
.va .va-step > p{color:var(--t3);margin-top:12px;font-size:15px}
.va .va-toggle{display:inline-flex;border:1px solid var(--bd);border-radius:999px;padding:4px;margin-top:20px;background:var(--s2)}
.va .va-toggle label{cursor:pointer;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--t3);transition:.15s;position:relative}
.va .va-toggle input{position:absolute;opacity:0;pointer-events:none}
.va .va-toggle label:has(input:checked){background:var(--g);color:#060D1A}
.va .va-pplans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.va .va-pplan{position:relative;cursor:pointer;border:1px solid var(--bd);border-radius:16px;background:var(--s2);padding:18px;transition:.15s;display:block}
.va .va-pplan:hover{border-color:rgba(22,178,104,.5)}
.va .va-pplan input{position:absolute;opacity:0;pointer-events:none}
.va .va-pplan:has(input:checked){border-color:var(--g);background:linear-gradient(180deg,rgba(22,178,104,.12),var(--s2) 70%);box-shadow:0 0 0 1px var(--g)}
.va .va-pplan h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--t2)}
.va .va-pplan .va-who{font-size:12px;color:var(--t4);margin-top:2px}
.va .va-pplan .va-amt{font-size:30px;font-weight:700;color:var(--fg);margin-top:10px;letter-spacing:-.02em}
.va .va-pplan .va-per{font-size:12px;color:var(--t4);margin-top:0}
.va .va-pplan ul{margin-top:12px;display:grid;gap:6px;font-size:13px;color:var(--t3)}
.va .va-pplan li::before{content:"\2713";color:var(--g3);margin-right:7px;font-weight:700}
.va .va-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;border:1px dashed rgba(217,164,65,.4);background:rgba(217,164,65,.06);border-radius:14px;padding:14px 18px}
.va .va-sum b{color:var(--fg);font-size:18px}
.va .va-sum span{color:var(--t3);font-size:14px}
.va .va-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.va .va-m{border:1px solid var(--bd);border-radius:16px;background:var(--s2);padding:20px}
.va .va-m-h{display:flex;align-items:center;gap:12px}
.va .va-ico{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.02em}
.va .va-ico.bank{background:rgba(22,178,104,.14);color:var(--g3)}
.va .va-ico.mtn{background:#FFCB05;color:#000}
.va .va-ico.airtel{background:#E40000;color:#fff}
.va .va-ico.eco{background:#0077A4;color:#fff}
.va .va-ico.fnb{background:#00A0A9;color:#fff}
.va .va-ico.card{background:rgba(217,164,65,.16);color:var(--gold3)}
.va .va-m h3{font-size:16px}
.va .va-m .va-c{font-size:12px;color:var(--t4)}
.va .va-rows{margin-top:14px;display:grid;gap:8px}
.va .va-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;border-top:1px solid var(--bd);padding-top:8px}
.va .va-row span{color:var(--t4)}
.va .va-row b{color:var(--fg);font-weight:600;text-align:right;font-variant-numeric:tabular-nums;word-break:break-word}
.va .va-copy{margin-left:8px;border:1px solid var(--bd);background:var(--s3);color:var(--t2);border-radius:7px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;line-height:1.4}
.va .va-copy:hover{border-color:var(--g);color:var(--fg)}
.va .va-copy.ok{background:var(--g);color:#060D1A;border-color:var(--g)}
.va .va-m .va-btn{width:100%;margin-top:14px}
.va .va-paycard{margin-top:18px;border:1px solid var(--g);border-radius:18px;padding:22px;background:linear-gradient(135deg,rgba(22,178,104,.12),var(--s2) 60%);display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center}
.va .va-paycard-h{display:flex;gap:14px;align-items:center}
.va .va-paycard-h h3{font-size:19px;margin-top:2px}
.va .va-paycard .va-c{font-size:13.5px;color:var(--t3);margin-top:4px}
.va .va-paycard .va-btn{padding:15px 26px;font-size:16px}
.va .va-paycard-n{grid-column:1/-1;font-size:13px;color:var(--t4)}
.va .va-best{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--g3)}
.va .va-or{font-size:16px;margin-top:30px;color:var(--t1)}
.va .va-hint2{font-size:13px;color:var(--t4);margin-top:4px}
@media (max-width:680px){.va .va-paycard{grid-template-columns:1fr}.va .va-paycard .va-btn{width:100%}}
.va .va-ref{margin-top:18px;border-radius:14px;background:rgba(22,178,104,.08);border:1px solid rgba(22,178,104,.3);padding:14px 18px;font-size:14px;color:var(--t2)}
.va .va-ref b{color:var(--fg)}
.va .va-warn{margin-top:12px;font-size:13px;color:var(--t4)}
.va .va-proof{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.va .va-list{margin-top:16px;display:grid;gap:8px;font-size:15px;color:var(--t2)}
.va .va-list li::before{content:"\2713";color:var(--g3);font-weight:700;margin-right:10px}
.va .va-legal{color:var(--t4);font-size:12.5px;margin:28px 0 64px;line-height:1.6}
/* responsive */
@media (max-width:1100px){
  .va .va-nav,.va .va-head-cta .va-btn-o{display:none}
  .va .va-burger{display:grid;place-items:center;width:38px;height:36px;border:1px solid var(--bd);border-radius:10px;cursor:pointer;color:var(--fg)}
  .va .va-menu-cb:checked~.va-mnav{display:flex}
  .va .va-mnav{flex-direction:column;gap:2px;padding:10px 24px 18px;border-top:1px solid var(--bd);background:var(--bg)}
  .va .va-mnav a{padding:10px 0;color:var(--t2);border-bottom:1px solid var(--bd)}
}
@media (max-width:1024px){
  .va .va-hero-grid,.va .va-split,.va .va-founder,.va .va-story,.va .va-feat{grid-template-columns:1fr}
  .va .va-layers,.va .va-plans,.va .va-pplans{grid-template-columns:repeat(2,1fr)}
  .va .va-stats-grid,.va .va-figures{grid-template-columns:repeat(2,1fr)}
  .va .va-founder-img{max-width:320px}
  .va .va-posts{grid-template-columns:repeat(2,1fr)}
  .va .va-art{grid-template-columns:minmax(0,1fr)}
  .va .va-share-rail{display:none}
  .va .va-news{grid-template-columns:1fr}
}
@media (max-width:680px){
  .va section{padding:64px 0}
  .va .va-wrap{padding:0 16px}
  .va .va-board,.va .va-faq,.va .va-values,.va .va-contact,.va .va-layers,.va .va-plans,.va .va-pplans,.va .va-methods,.va .va-posts,.va .va-team,.va .va-facts,.va .va-stats-row{grid-template-columns:1fr}
  .va .va-founder,.va .va-band,.va .va-step{padding:24px 20px}
  .va .va-head-cta .va-btn-g{padding:9px 11px;font-size:13px}
  .va .va-lang button span{display:none}
  .va .va-stat b,.va .va-figures b{font-size:28px}
  .va .va-tl{grid-template-columns:1fr;gap:4px}
  .va .va-body{font-size:17px}
  .va .va-step-h span.va-hint{margin-left:0;width:100%}
  .va .va-logo{font-size:18px}
  .va .va-logo img{width:30px;height:30px}
}
@media (max-width:380px){.va .va-head-cta .va-btn-g{display:none}}
@media (min-width:1101px){.va .va-mnav{display:none!important}}
@media (prefers-reduced-motion:reduce){.va *{animation:none!important;transition:none!important}}