:root{--ink:#10201b;--green:#1f7a54;--lime:#caff68;--cream:#f5f4ee;--line:#dfe5df;--muted:#6b7772;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 'DM Sans',sans-serif;color:var(--ink);background:#fafbf8}button,input,select{font:inherit}button,a{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font:800 25px Manrope;color:var(--ink);text-decoration:none}.logo span{color:var(--green)}.logo i{color:var(--lime);font-size:11px}.links{display:flex;gap:30px}.links a{color:#40504a;text-decoration:none}.btn{border:0;border-radius:9px;background:var(--green);color:white;padding:12px 20px;font-weight:700}.btn:hover{background:#185e42}.btn.big{padding:16px 24px}.btn.small{padding:8px 12px}.ghost,.outline{background:transparent;border:0;padding:12px 18px;font-weight:700}.outline{border:1px solid var(--line);border-radius:8px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.pill{display:inline-block;background:#eaf8d6;color:#35641c;padding:8px 13px;border-radius:30px;font-weight:700;font-size:12px}.hero h1{font:800 64px/1.05 Manrope;margin:24px 0}.hero h1 em,.section-head em{font-style:normal;color:var(--green)}.hero>div>p{font-size:19px;color:var(--muted);max-width:600px}.actions{display:flex;gap:24px;align-items:center;margin:32px 0 18px}.actions a{font-weight:700}.hero>div>small{color:var(--muted)}.hero-card{background:#10201b;color:white;border-radius:24px;padding:30px;box-shadow:0 30px 70px #183a2c33;transform:rotate(1.5deg);position:relative}.hero-card:before{content:'';position:absolute;width:210px;height:210px;background:var(--lime);filter:blur(80px);opacity:.22;right:-35px;top:-35px}.card-top{display:flex;justify-content:space-between;color:#a9b5b0}.card-top b{color:var(--lime);font-size:11px}.hero-card h2{font-size:40px;margin:10px 0 24px}.hero-card h2 small{font-size:14px;color:#94a29c}.card-actions{display:flex;gap:8px}.card-actions button{background:#24352f;color:white;border:1px solid #405049;border-radius:8px;padding:10px;flex:1}.payment{display:flex;align-items:center;gap:12px;background:white;color:var(--ink);margin-top:14px;padding:15px;border-radius:12px}.payment i{display:grid;place-items:center;width:38px;height:38px;background:#e5f8c8;border-radius:50%;color:var(--green)}.payment i.purple{background:#eee8ff;color:#6845ae}.payment div{display:flex;flex-direction:column;flex:1}.payment small{color:var(--muted)}.payment strong{font-size:13px}.trust{text-align:center;border-block:1px solid var(--line);padding:28px}.trust>span{font-size:10px;color:#85908b;letter-spacing:2px}.trust div{display:flex;justify-content:center;gap:55px;margin-top:16px;font-size:22px;color:#58655f}.trust b{color:#ef6b22}.trust strong{color:#315ab6}.trust i{font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-top:60px;padding-bottom:60px}.metrics article{border-right:1px solid var(--line);padding:0 35px}.metrics article:last-child{border:0}.metrics b{display:block;font:800 36px Manrope}.metrics span{color:var(--muted)}.features{padding-top:80px;padding-bottom:100px}.section-head label,.coverage label,.api label,.page-title label,.welcome label{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:800}.section-head h2{font:800 48px/1.15 Manrope;margin:14px 0 40px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-grid article{min-height:270px;border:1px solid var(--line);background:white;border-radius:20px;padding:30px;overflow:hidden}.feature-grid article>span{display:grid;place-items:center;width:46px;height:46px;background:#eaf0eb;border-radius:12px;font-size:22px}.feature-grid h3{font-size:23px;margin-bottom:8px}.feature-grid p{color:var(--muted);max-width:470px}.feature-grid a{font-weight:700}.feature-grid .lime{background:var(--lime)}.feature-grid .dark{background:var(--ink);color:white}.feature-grid .dark p{color:#b8c2be}.phone-mock{background:white;width:250px;padding:18px;border-radius:14px;float:right;margin-top:16px;box-shadow:0 10px 30px #2232}.bars{display:flex;align-items:end;gap:10px;height:80px;float:right}.bars i{width:18px;background:var(--lime);border-radius:5px;height:30%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:65%}.coverage{background:#eaf8d6;padding:90px 0}.coverage>.wrap{display:grid;grid-template-columns:1.3fr .7fr;align-items:center}.coverage h2{font:800 44px/1.15 Manrope;max-width:680px}.coverage p{color:#526057}.countries{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.countries span{background:white;padding:10px 14px;border-radius:30px}.africa{font:800 85px/.8 Manrope;color:var(--green);text-align:center}.africa b{color:#e9aa38}.api{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:100px}.api h2{font:800 46px/1.15 Manrope}.api p{color:var(--muted);font-size:17px}.api pre{background:#111d19;color:#cad3cf;border-radius:18px;padding:30px;line-height:1.7;box-shadow:0 22px 60px #17251f33}.api pre>span{color:#91dc64}.api pre i{color:#95b8ff}.api pre em{color:#ffd38d}.api pre b{color:#dcaaff}.api pre small{color:var(--lime)}.cta{background:var(--green);color:white;padding:60px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font:800 36px Manrope;max-width:700px}.white{background:white;color:var(--green);border:0;border-radius:9px;padding:15px 22px;font-weight:800}footer{padding-top:55px;padding-bottom:40px}footer p,footer small{color:var(--muted)}
/* app */#dashboard{min-height:100vh;background:#f4f6f3}#dashboard>aside{position:fixed;width:240px;inset:0 auto 0 0;background:#10201b;color:white;padding:26px 18px;display:flex;flex-direction:column}#dashboard>aside .logo{color:white;margin-left:10px}.workspace{background:#21322c;padding:13px;border-radius:10px;margin:28px 0 20px;display:flex;flex-direction:column}.workspace small{color:#9eada6}#dashboard aside nav{display:flex;flex-direction:column;gap:5px}#dashboard aside nav button,#logout{border:0;background:transparent;color:#aebab4;text-align:left;padding:12px;border-radius:7px}#dashboard aside nav button.active,#dashboard aside nav button:hover{background:#29453a;color:white}#logout{margin-top:10px}.sandbox{margin-top:auto;background:#23372f;border:1px solid #3a574b;border-radius:9px;padding:12px;color:var(--lime)}.sandbox small{color:#9eada6}.shell{margin-left:240px;min-height:100vh}.shell>header{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.shell>header span{color:var(--muted)}#menu{display:none}.avatar{display:grid;place-items:center;width:38px;height:38px;background:#dff4bd;border-radius:50%;font-weight:800}.shell>main{padding:30px;max-width:1400px;margin:auto}.page{display:none}.page.active{display:block}.welcome,.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.welcome h1,.page-title h1{font:800 30px Manrope;margin:6px 0}.welcome p,.page-title p{margin:0;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpis article,.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.kpis small{color:var(--muted);font-size:10px;letter-spacing:1px}.kpis h2{font-size:25px;margin:8px 0}.kpis b{color:var(--green);font-size:12px}.kpis span{font-size:12px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;margin:15px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{margin:0}.panel-head p{margin:3px 0;color:var(--muted)}.panel-head button{border:0;background:transparent;color:var(--green);font-weight:700}.chart{height:200px;display:flex;gap:16px;align-items:end;padding:25px 10px 0;border-bottom:1px solid var(--line)}.chart i{flex:1;background:linear-gradient(var(--green),#a5d986);border-radius:5px 5px 0 0;position:relative}.chart i:after{content:attr(data-day);position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-style:normal;color:var(--muted);font-size:11px}.donut{display:grid;place-items:center;margin:auto;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 72%,var(--lime) 72% 94%,#e2e7e3 94%);position:relative}.donut:after{content:'';position:absolute;width:90px;height:90px;background:white;border-radius:50%}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.legend{list-style:none;padding:0}.legend li{display:flex;gap:8px;padding:5px}.legend i{width:9px;height:9px;background:var(--green);border-radius:50%;margin-top:7px}.legend li:nth-child(2) i{background:var(--lime)}.legend li:nth-child(3) i{background:#e2e7e3}.legend b{margin-left:auto}.tx-row{display:grid;grid-template-columns:1.1fr .8fr 1fr .8fr .8fr;gap:15px;align-items:center;padding:13px 8px;border-top:1px solid #edf0ed}.tx-row>div{display:flex;gap:10px;align-items:center}.tx-row i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f5df;color:var(--green)}.tx-row small{display:block;color:var(--muted)}.status{width:max-content;padding:4px 8px;border-radius:20px;background:#e9f5df;color:#24744e;font-size:11px}.status.processing{background:#fff3cf;color:#927011}.status.failed{background:#ffe5e2;color:#a33b32}.filters{display:flex;gap:12px;margin-bottom:10px}.filters input{flex:1}.filters input,.filters select,.form input,.form select{border:1px solid var(--line);border-radius:8px;padding:11px;background:white}.form{max-width:830px}.form h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dev-item{padding:13px 0;border-top:1px solid var(--line)}.dev-item code{background:#f1f3ef;padding:4px 7px;border-radius:5px}.settings{max-width:750px}dialog{border:0;border-radius:18px;padding:32px;width:min(430px,90vw);box-shadow:0 30px 100px #10201b55}dialog::backdrop{background:#10201baa}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px}.auth-brand{text-align:center}.auth-brand p{color:var(--muted)}#authForm{display:flex;flex-direction:column;gap:15px}#authForm label{display:flex;flex-direction:column;gap:6px;font-weight:600}#authForm input{padding:12px;border:1px solid var(--line);border-radius:8px}#authForm small{text-align:center}.toast{position:fixed;right:24px;bottom:24px;background:#10201b;color:white;padding:14px 18px;border-radius:10px;display:flex;gap:12px;transform:translateY(120px);transition:.3s;z-index:20}.toast.show{transform:none}.toast span{display:flex;flex-direction:column}.toast small{color:#aab6b1}
@media(max-width:800px){.links{display:none}.nav .ghost{display:none}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:60px}.hero h1{font-size:45px}.hero-card{transform:none}.trust div{gap:18px;flex-wrap:wrap}.metrics,.kpis{grid-template-columns:1fr 1fr}.metrics article{padding:15px}.feature-grid,.coverage>.wrap,.api,.dash-grid,.dev-grid{grid-template-columns:1fr}.africa{margin-top:45px}.cta .wrap{display:block}.cta button{margin-top:15px}#dashboard>aside{transform:translateX(-100%);z-index:10;transition:.3s}#dashboard>aside.open{transform:none}.shell{margin-left:0}#menu{display:block;border:0;background:none}.shell>main{padding:20px}.form-grid{grid-template-columns:1fr}.tx-row{grid-template-columns:1.2fr 1fr .8fr}.tx-row>*:nth-child(2),.tx-row>*:nth-child(4){display:none}.filters{flex-direction:column}}

/* 2026 visual refresh */
body{background:#fbfcfa;background-image:radial-gradient(circle at 75% 5%,#dff4b955 0,transparent 27%)}.nav{height:92px}.nav:after{content:'';position:absolute;left:0;right:0;top:91px;border-bottom:1px solid #e8ece7}.hero{min-height:710px;grid-template-columns:1fr 510px;gap:72px}.hero-copy h1{font-size:68px;letter-spacing:-3.5px}.hero-copy h1 em{position:relative;display:inline-block}.hero-copy h1 em:after{content:'';position:absolute;height:8px;background:var(--lime);left:0;right:0;bottom:3px;z-index:-1;border-radius:9px}.pill{background:white;border:1px solid #dce6d6;box-shadow:0 5px 20px #23402b0a;padding:9px 15px}.pill i{display:inline-block;width:7px;height:7px;background:#67c53d;border-radius:50%;box-shadow:0 0 0 4px #dff2d4;margin-right:6px}.hero-proof{display:flex;gap:18px;margin-top:20px;color:#708078;font-size:12px}.hero-proof span:first-letter{color:var(--green)}.actions .btn span{margin-left:20px}.simulator{background:white;border:1px solid #dfe6de;border-radius:24px;padding:26px;box-shadow:0 35px 90px #1b3c2b1c,0 4px 0 #dce7d8;position:relative}.simulator:before{content:'';position:absolute;inset:-12px;z-index:-1;border:1px solid #e7ece5;border-radius:31px;background:#f6f8f4}.sim-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #edf0ec}.sim-head>div{display:flex;align-items:center;gap:9px}.sim-dot{width:10px;height:10px;border-radius:50%;background:#36b46c;box-shadow:0 0 0 5px #dff5e8}.sim-head small{background:#eff8e8;color:#56843b;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:1px}.simulator form>label{display:block;font-size:12px;font-weight:700;margin:20px 0 10px}.operator-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.op-logo{height:66px;border:1px solid #e1e6e1;border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.op-logo:hover,.op-logo.active{border:2px solid var(--green);background:#f5fbef;box-shadow:0 4px 12px #21683e15}.op-logo span{font-weight:900}.op-logo small{font-size:9px}.op-logo.orange span{color:#f16e20}.op-logo.mtn span{color:#111;background:#ffca05;padding:2px 6px;border-radius:4px}.op-logo.wave span{display:grid;place-items:center;background:#167ee6;color:white;border-radius:50%;width:24px;height:24px}.op-logo.mpesa span{color:#e21b2d}.sim-fields{display:grid;grid-template-columns:1.35fr .8fr;gap:12px}.sim-fields>label{font-size:11px;font-weight:700}.phone-input,.amount-input{margin-top:6px;border:1px solid #dae1da;border-radius:9px;display:flex;align-items:center;overflow:hidden}.phone-input span{padding:11px;background:#f3f5f2;font-size:11px;white-space:nowrap}.phone-input input,.amount-input input{border:0;min-width:0;padding:11px;width:100%;outline:none}.amount-input span{padding-right:10px;color:#75817b;font-size:11px}.sim-pay{width:100%;margin-top:18px;padding:14px 16px;border:0;border-radius:10px;background:linear-gradient(105deg,#1b704d,#2b9468);color:white;font-weight:600;text-align:left;box-shadow:0 9px 22px #1e765039}.sim-pay b{margin-left:5px}.sim-pay span{float:right}.simulator form>p{text-align:center;color:#7b8680;font-size:10px;margin:12px 0 0}.sim-success{text-align:center;padding:26px 0 6px}.success-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e6f8d1;color:var(--green);font-size:30px;margin:8px auto}.sim-success h3{font-size:23px;margin:14px 0 4px}.sim-success p{color:var(--muted)}.sim-success>div{background:#f5f7f4;border-radius:9px;padding:12px;display:flex;justify-content:space-between}.sim-success button{margin-top:18px;border:0;background:transparent;color:var(--green);font-weight:700}.trust{background:white;padding:33px}.operator-strip{align-items:center}.operator-strip>div{display:flex;align-items:center;gap:5px;min-width:100px;justify-content:center}.operator-strip small{display:block}.brand-orange i{width:18px;height:18px;background:#f37021}.brand-orange b{color:#222}.brand-mtn b{background:#ffca05;color:#111;padding:4px 8px;border-radius:5px}.brand-mtn span{font-weight:700}.brand-wave b{display:grid;place-items:center;width:30px;height:30px;background:#147dde;color:white;border-radius:50%}.brand-wave span{font-weight:800;color:#167ee6}.brand-airtel{color:#ed1c24}.brand-airtel i{width:20px;height:13px;border-top:5px solid #ed1c24;border-radius:50%;transform:rotate(-15deg)}.brand-mpesa{color:#d71920;font-weight:800}.brand-mpesa b{font-size:22px}.brand-moov{color:#147743}.brand-moov span{color:#df8b1f}.legal-note{display:block;color:#a1aaa5;margin-top:18px;font-size:9px}.features{background:#f7f9f5;max-width:none;padding-left:max(24px,calc((100% - 1132px)/2));padding-right:max(24px,calc((100% - 1132px)/2))}.feature-grid article{box-shadow:0 8px 30px #1e3b2b09}
#dashboard{background:#f6f8f5}#dashboard>aside{width:258px;padding:25px 16px;background:linear-gradient(180deg,#10241d,#0b1c16)}.shell{margin-left:258px}.workspace{flex-direction:row;align-items:center;gap:10px;padding:11px;margin-top:25px}.workspace>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--lime);color:#173123;font-weight:800}.workspace>div{display:flex;flex-direction:column;flex:1}.workspace small i{display:inline-block;width:6px;height:6px;background:#6fe67c;border-radius:50%}.workspace>em{font-style:normal}#dashboard aside nav>small{font-size:9px;letter-spacing:1.5px;color:#63766e;margin:18px 12px 7px}#dashboard aside nav button{display:flex;align-items:center;gap:12px;font-weight:600}#dashboard aside nav button i{font-style:normal;font-size:17px;width:20px;text-align:center}.sandbox{display:flex;flex-direction:column}.sandbox b{font-size:10px;letter-spacing:.7px}.shell>header{height:76px;padding:0 34px}.header-right{display:flex;align-items:center;gap:10px}.header-right>button{width:37px;height:37px;border:1px solid var(--line);background:white;border-radius:9px}.notification{position:relative}.notification i{position:absolute;width:6px;height:6px;background:#e85b4c;border-radius:50%;right:7px;top:7px}.shell>main{padding:34px}.kpis article{position:relative;overflow:hidden}.kpis article:before{content:'';position:absolute;width:5px;top:0;bottom:0;left:0;background:#d6efad}.kpis article:first-child{background:#173f31;color:white;border-color:#173f31}.kpis article:first-child small,.kpis article:first-child span{color:#b8c9c1}.kpis article:first-child:before{background:var(--lime)}.operator-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.operator-summary article{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;gap:14px;align-items:center}.operator-summary>article>span{width:44px;height:44px;border-radius:11px;background:#ecf7df;display:grid;place-items:center;color:var(--green);font-size:20px}.operator-summary small{font-size:9px;color:var(--muted);letter-spacing:1px}.operator-summary h2{margin:3px 0 0}.operator-filter{display:flex;gap:8px;margin:18px 0}.operator-filter button{border:1px solid var(--line);background:white;border-radius:25px;padding:8px 14px}.operator-filter button.active{background:var(--ink);color:white}.operator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.operator-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.operator-card-head{display:flex;align-items:center;gap:13px}.operator-mark{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#f0f2ef}.operator-mark.orange{background:#f37021;color:white}.operator-mark.mtn{background:#ffca05;color:#111}.operator-mark.wave{background:#167ee6;color:white;border-radius:50%}.operator-mark.airtel{background:#ed1c24;color:white}.operator-mark.mpesa{background:#e8f6ea;color:#d71920}.operator-mark.moov{background:#147743;color:white}.operator-card-head>div{display:flex;flex-direction:column}.operator-card-head small{color:var(--muted)}.op-live{margin-left:auto;color:#25815a!important;background:#e9f7ed;padding:4px 7px;border-radius:20px;font-size:9px}.operator-card dl{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #edf0ed;padding:13px 0;margin:16px 0}.operator-card dt{font-size:9px;color:var(--muted)}.operator-card dd{margin:2px 0;font-weight:700}.operator-card button{width:100%;border:1px solid var(--line);background:#fafbfa;padding:9px;border-radius:8px;color:var(--green);font-weight:700}.availability{background:#e7f6e9;color:#24774c;padding:9px 13px;border-radius:20px;font-size:11px;font-weight:700}.availability i{display:inline-block;width:7px;height:7px;background:#36b565;border-radius:50%;margin-right:5px}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:40px}.hero-copy h1{font-size:46px;letter-spacing:-2px}.hero-proof{flex-wrap:wrap}.sim-fields{grid-template-columns:1fr}.operator-strip{gap:25px!important}.operator-summary{grid-template-columns:1fr}.operator-grid{grid-template-columns:1fr}.operator-filter{overflow:auto}.shell{margin-left:0}}

/* Card payments */
.brand-visa b{font:italic 900 25px Arial;color:#17357a;letter-spacing:-2px}.brand-mastercard{position:relative}.brand-mastercard i{width:25px;height:25px;border-radius:50%;background:#eb001b;margin-right:-15px}.brand-mastercard i:nth-child(2){background:#f79e1b;opacity:.9}.brand-mastercard b{font-size:11px;margin-left:5px;color:#222}.card-security{background:#e8f5ec;color:#28734f;border-radius:22px;padding:9px 14px;font-size:11px;font-weight:700}.card-layout{display:grid;grid-template-columns:minmax(420px,650px) 390px;gap:35px;align-items:start}.card-form{max-width:none}.accepted-cards{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px;color:var(--muted);font-size:12px}.accepted-cards>div{display:flex;gap:8px}.visa-mini{font:italic 900 18px Arial;color:#17357a}.mc-mini{display:flex}.mc-mini i{width:22px;height:22px;border-radius:50%;background:#eb001b}.mc-mini i+ i{background:#f79e1b;margin-left:-8px;opacity:.9}.card-form>label,.card-line label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:15px}.card-number-wrap{display:flex;border:1px solid var(--line);border-radius:8px;align-items:center;overflow:hidden}.card-number-wrap input{border:0!important;flex:1}.card-number-wrap span{padding-right:12px;font-weight:800;color:#17357a}.card-line{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card-submit{width:100%;margin-top:5px;padding:14px}.pci-note{display:block;text-align:center;color:var(--muted);margin-top:12px}.virtual-card{aspect-ratio:1.58;background:linear-gradient(135deg,#0e241b,#1c6347);color:white;border-radius:20px;padding:27px;box-shadow:0 25px 55px #143c2c3d;position:relative;overflow:hidden}.virtual-card:after{content:'';position:absolute;width:250px;height:250px;border:45px solid #caff681c;border-radius:50%;right:-110px;bottom:-140px}.vc-top{display:flex;justify-content:space-between}.vc-top>span{font:700 19px Manrope}.vc-top>span b{color:var(--lime)}.vc-top em{font:italic 900 21px Arial}.chip{display:block;width:43px;height:32px;background:linear-gradient(135deg,#f2d383,#a98c49);border-radius:7px;margin:42px 0 24px}.virtual-card>strong{font:500 20px monospace;letter-spacing:2px}.virtual-card>div:last-child{display:flex;gap:65px;margin-top:24px}.virtual-card>div:last-child span{font-size:8px;color:#a9c2b7}.virtual-card>div:last-child small{display:block;font-size:11px;color:white;margin-top:3px;letter-spacing:1px}@media(max-width:900px){.card-layout{grid-template-columns:1fr}.virtual-card{max-width:390px;grid-row:1}.card-line{grid-template-columns:1fr}}

.managed-notice{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(100deg,#173f31,#205b43);color:white;border-radius:13px;padding:18px 20px;margin-bottom:18px}.managed-notice>span{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);color:#173f31;border-radius:9px;font-size:19px}.managed-notice p{color:#c2d5cc;margin:4px 0 0}.managed-route{background:#f1f7ed;color:#28724d;border-radius:8px;padding:9px;text-align:center;font-size:11px;font-weight:700}.link-layout{display:grid;grid-template-columns:minmax(500px,1.4fr) 380px;gap:20px;align-items:start}.payment-link-row{display:grid;grid-template-columns:42px 1.4fr 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 4px}.payment-link-row>div,.payment-link-row>span{display:flex;flex-direction:column}.payment-link-row small{color:var(--muted)}.link-icon{display:grid!important;place-items:center;width:38px;height:38px;border-radius:9px;background:#eaf6dd;color:var(--green);font-size:18px}.copy-link{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 11px;color:var(--green);font-weight:700}.checkout-preview{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #1a3b2a17}.preview-browser{height:38px;background:#edf0ed;padding:10px;display:flex;gap:5px;align-items:center}.preview-browser i{width:7px;height:7px;border-radius:50%;background:#c5cbc7}.preview-browser span{font-size:9px;background:white;border-radius:5px;padding:3px 25px;margin-left:8px;color:var(--muted)}.preview-body{text-align:center;padding:25px}.preview-body>a{display:block;margin-bottom:22px}.preview-body>small{display:block;color:var(--muted);font-size:9px}.preview-body h3{margin:4px}.preview-body h2{font-size:28px}.preview-body>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preview-body>div button{border:1px solid var(--line);background:white;border-radius:7px;padding:8px;font-size:10px}.preview-body>div button.active{border-color:var(--green);background:#f1f8eb;color:var(--green)}.preview-body label{display:block;text-align:left;font-size:9px;margin-top:16px}.preview-body p{text-align:left;border:1px solid var(--line);border-radius:7px;padding:8px;margin:4px 0 12px}.preview-pay{width:100%;border:0;border-radius:8px;background:var(--green);color:white;padding:11px;font-weight:700;margin-bottom:12px}@media(max-width:900px){.link-layout{grid-template-columns:1fr}.payment-link-row{grid-template-columns:38px 1fr auto}.payment-link-row>span:nth-child(3){display:none}}

/* LUNA PAY identity and motion */
[hidden]{display:none!important}
.page-link{text-decoration:none;display:inline-block}.wallet-admin-stats,.pos-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.wallet-admin-stats article,.pos-overview article{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.wallet-admin-stats article:first-child{background:linear-gradient(135deg,#123a2c,#1d684a);color:white}.wallet-admin-stats small,.pos-overview small{font-size:9px;color:var(--muted);letter-spacing:1px}.wallet-admin-stats article:first-child small{color:#b9d0c5}.wallet-admin-stats h2,.pos-overview h2{margin:7px 0}.wallet-admin-row{display:grid;grid-template-columns:42px 1.3fr .8fr .7fr auto;align-items:center;gap:12px;padding:14px 5px;border-top:1px solid #edf0ed}.wallet-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e9f6dc;color:var(--green);font-weight:800}.wallet-admin-row>div:nth-child(2){display:flex;flex-direction:column}.wallet-admin-row small{color:var(--muted)}.wallet-admin-row button,.terminal-card>button{border:1px solid #f0c8c4;background:#fff8f7;color:#a34a42;border-radius:7px;padding:7px 9px}.bio-badge{font-size:10px;background:#f0f2ef;color:var(--muted);padding:5px 8px;border-radius:20px}.bio-badge.on{background:#e7f6df;color:#28784f}.pos-overview article{display:flex;gap:14px;align-items:center}.pos-overview>article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#e9f6dc;color:var(--green);font-size:20px}.terminal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.terminal-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 8px 25px #163b2908}.terminal-top{display:flex;justify-content:space-between}.terminal-top>span{display:grid;place-items:center;width:45px;height:45px;background:#102d22;color:var(--lime);border-radius:12px;font-size:21px}.terminal-card h3{margin-bottom:3px}.terminal-card p,.terminal-card small{color:var(--muted)}.terminal-card dl{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #edf0ed;padding:12px 0}.terminal-card dt{font-size:9px;color:var(--muted)}.terminal-card dd{margin:3px 0;font-weight:700}.terminal-card>button{width:100%;margin-top:14px}@media(max-width:850px){.wallet-admin-stats,.pos-overview,.terminal-grid{grid-template-columns:1fr}.wallet-admin-row{grid-template-columns:42px 1fr auto}.wallet-admin-row>strong,.wallet-admin-row>.bio-badge{display:none}}
.tx-row.with-action{grid-template-columns:1.1fr .8fr 1fr .7fr .7fr auto}.refund-btn,.dev-item button,.link-actions button{border:1px solid var(--line);background:white;color:var(--green);border-radius:7px;padding:6px 9px;font-size:11px;font-weight:700}.refund-btn:hover,.dev-item button:hover{background:#edf7e9}.dev-item{display:flex;justify-content:space-between;align-items:center}.dev-item>span{display:flex;gap:5px}.dev-item small{display:block}.link-actions{display:flex!important;flex-direction:row!important;gap:5px}.link-actions button:last-child,.dev-item [data-delete-webhook]{color:#a84b43}.settings-form{max-width:780px}.settings-form>label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:14px 0}.settings-form input,.settings-form select{border:1px solid var(--line);border-radius:8px;padding:11px;background:white}.switch-row{flex-direction:row!important;align-items:center;justify-content:space-between;background:#f5f7f4;padding:14px;border-radius:9px}.switch-row span{display:flex;flex-direction:column}.switch-row small{color:var(--muted);font-weight:400}.switch-row input{width:20px;height:20px}.settings-form .btn{margin-top:10px}@media(max-width:800px){.tx-row.with-action{grid-template-columns:1.2fr 1fr .8fr auto}.tx-row.with-action>*:nth-child(4),.tx-row.with-action>*:nth-child(5){display:none}.dev-item{align-items:flex-start;gap:8px}.payment-link-row{grid-template-columns:38px 1fr auto}}
#dashboard>aside nav{overflow-y:auto;padding-right:3px}#dashboard>aside nav::-webkit-scrollbar{width:4px}#dashboard>aside nav::-webkit-scrollbar-thumb{background:#355046;border-radius:5px}#dashboard>aside .sandbox{margin-top:12px}.treasury-cards,.invoice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.treasury-cards article,.invoice-stats article{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.treasury-cards article:first-child{background:linear-gradient(135deg,#133d2e,#1d6b4b);color:white}.treasury-cards small,.invoice-stats small{color:var(--muted);font-size:9px;letter-spacing:1px}.treasury-cards article:first-child small{color:#b9d1c6}.treasury-cards h2,.invoice-stats h2{margin:8px 0}.agg-row{display:grid;grid-template-columns:1.5fr .8fr .8fr auto;gap:14px;align-items:center;padding:14px 7px;border-top:1px solid #edf0ed}.agg-row>div{display:flex;flex-direction:column}.agg-row small{color:var(--muted)}.agg-row i{font-style:normal}.subaccount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sub-card{background:white;border:1px solid var(--line);border-radius:13px;padding:20px}.sub-card>div:first-child{display:flex;justify-content:space-between}.sub-card>div:first-child>span{display:grid;place-items:center;width:40px;height:40px;background:#eaf7dd;border-radius:9px;color:var(--green);font-size:20px}.sub-card h3{margin-bottom:3px}.sub-card p,.sub-card small{color:var(--muted)}.sub-card>div:nth-of-type(2){display:flex;flex-direction:column;margin-top:20px}.sub-card>div:nth-of-type(2) b{font-size:26px}.split-bar{height:7px;background:#e8ece8;border-radius:10px;margin:10px 0}.split-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:10px}@media(max-width:850px){.treasury-cards,.invoice-stats,.subaccount-grid{grid-template-columns:1fr}.agg-row{grid-template-columns:1fr auto}.agg-row>span,.agg-row>i{display:none}}
:root{--ink:#071a15;--green:#186b4b;--lime:#c8ff62}.logo{display:inline-flex;align-items:center;gap:5px;letter-spacing:-.7px}.logo b{color:#54a879}.logo-moon{display:grid;place-items:center;width:31px;height:31px;margin-right:4px;border-radius:10px;background:linear-gradient(145deg,#c8ff62,#6edb7d);color:#092018;font-size:20px;box-shadow:0 7px 18px #38a3673d}.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.ambient-one{width:420px;height:420px;right:-170px;top:130px;background:radial-gradient(circle,#c8ff6240,transparent 68%);animation:ambientFloat 8s ease-in-out infinite}.ambient-two{width:360px;height:360px;left:-190px;top:520px;background:radial-gradient(circle,#56b98920,transparent 68%);animation:ambientFloat 10s ease-in-out infinite reverse}.hero-copy{animation:fadeUp .75s ease both}.simulator{animation:fadeUp .85s .15s ease both,cardFloat 6s 1s ease-in-out infinite}.operator-strip>div{animation:brandReveal .6s ease both}.operator-strip>div:nth-child(2){animation-delay:.08s}.operator-strip>div:nth-child(3){animation-delay:.16s}.operator-strip>div:nth-child(4){animation-delay:.24s}.operator-strip>div:nth-child(5){animation-delay:.32s}.operator-strip>div:nth-child(6){animation-delay:.4s}.feature-grid article{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.feature-grid article:hover{transform:translateY(-7px);box-shadow:0 24px 60px #173d2a16;border-color:#bdd9c8}.metrics article b{background:linear-gradient(90deg,#10201b,#35a36e);background-clip:text;-webkit-background-clip:text;color:transparent}.sim-dot{animation:pulse 2s infinite}.btn{transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #145d3f34}.nav{position:relative;z-index:5}.auth-brand .logo{justify-content:center;font-size:28px}.auth-error{margin:0;background:#fff0ee;border:1px solid #f3c3bd;color:#a33b32;border-radius:8px;padding:9px;font-size:12px}.demo-access{display:flex;flex-direction:column;text-align:center;background:#f2f7ef;border:1px dashed #bdd3c2;border-radius:9px;padding:10px;margin-top:16px;font-size:11px}.demo-access span{color:var(--muted)}#authSwitch button{border:0;background:none;color:var(--green);font-weight:700;padding:0}dialog[open]{animation:dialogIn .25s ease}dialog::backdrop{animation:backdropIn .25s ease}.app-open{background:#f6f8f5}.page.active{animation:fadeUp .35s ease}.kpis article{transition:transform .2s,box-shadow .2s}.kpis article:hover{transform:translateY(-3px);box-shadow:0 14px 35px #173c2b12}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes ambientFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25px,35px) scale(1.08)}}@keyframes brandReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px #dff5e8}50%{box-shadow:0 0 0 10px #dff5e800}}@keyframes dialogIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}@keyframes backdropIn{from{background:#10201b00}to{background:#10201baa}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:800px){.nav{padding-inline:14px}.nav .ghost{display:inline-block;padding:9px 10px}.nav .btn{padding:10px 12px}.nav-actions{display:flex}.nav .logo{font-size:18px}.logo-moon{width:27px;height:27px}.simulator{animation:fadeUp .5s ease both}}
.compliance-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compliance-grid form{display:grid;gap:12px}.compliance-grid label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.compliance-grid input,.compliance-grid select{padding:12px;border:1px solid var(--line);border-radius:9px;background:white}.kyc-row strong small{display:block;color:var(--muted);font-weight:400}.kyc-row>span:last-child{display:flex;gap:6px}.kyc-row button{padding:8px;border:1px solid var(--line);border-radius:7px;background:white}.audit-row{padding:11px 0;border-bottom:1px solid var(--line)}.audit-row small{display:block;color:var(--muted);margin-top:4px}@media(max-width:850px){.compliance-grid{grid-template-columns:1fr}.kyc-row{grid-template-columns:auto 1fr}.kyc-row>*:not(:first-child):not(:nth-child(2)){grid-column:2}}
.kyc-docs{display:flex;gap:5px;margin-top:6px}.kyc-docs button{font-size:10px;padding:5px 8px!important;background:#eaf5ee!important;color:#176c4b}
.risk-card{display:grid;grid-template-columns:72px 1fr auto auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.risk-score{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900}.risk-score small{font-size:8px;margin-top:-16px}.risk-score.high{background:#ffe5e1;color:#a63b30}.risk-score.medium{background:#fff0ce;color:#9a6510}.risk-score.low{background:#e3f5e7;color:#19704c}.risk-card h3{margin:0}.risk-card p{margin:5px 0;color:var(--muted);font-size:12px}.risk-reasons{display:flex;gap:5px;flex-wrap:wrap}.risk-reasons span{background:#f3f5f3;border-radius:10px;padding:4px 7px;font-size:9px}.risk-actions{display:flex;gap:5px}.risk-actions button{padding:8px;border:1px solid var(--line);border-radius:7px;background:white}@media(max-width:800px){.risk-card{grid-template-columns:62px 1fr}.risk-card>span,.risk-card>.risk-actions{grid-column:2}}
.mobile-ops{margin-top:20px}.mobile-ops-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.mobile-ops-kpis>div{background:#f3f7f2;border:1px solid #e1e9df;border-radius:11px;padding:14px}.mobile-ops-kpis small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.mobile-ops-kpis b{display:block;font-size:22px;margin-top:4px}.mobile-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mobile-ops-grid>div{border:1px solid var(--line);border-radius:12px;padding:15px}.route-row,.event-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0ed}.route-row:first-child,.event-row:first-child{border-top:0}.route-row>div,.event-row>div{display:flex;flex-direction:column;flex:1}.route-row small,.event-row small{color:var(--muted)}.route-row i,.event-row>span{font-style:normal;font-size:10px;color:#24774c;background:#e7f6e9;padding:5px 7px;border-radius:20px}.route-light{width:8px;height:8px;background:#39b66c;border-radius:50%;box-shadow:0 0 0 4px #dff3e5}@media(max-width:850px){.mobile-ops-kpis,.mobile-ops-grid{grid-template-columns:1fr}}