:root {
  --nxt-green: #35a44a;
  --nxt-green-2: #3fd35b;
  --nxt-dark: #050805;
  --nxt-charcoal: #0b100d;
  --nxt-muted: #aeb8af;
  --nxt-line: rgba(255, 255, 255, .12);
}

* {
  box-sizing: border-box
}

body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #f6f8f6;
  color: #0c140e;
  overflow-x: hidden
}

a {
  text-decoration: none
}

.text-green {
  color: var(--nxt-green)
}

.navbar {
  background: rgba(5, 8, 5, .92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.navbar .nav-link {
  color: #e9eee9 !important;
  font-weight: 600;
  font-size: .94rem
}

.navbar .nav-link:hover {
  color: var(--nxt-green-2) !important
}

.logo {
  height: 48px;
  width: auto
}

.btn-nxt {
  background: linear-gradient(135deg, var(--nxt-green), #198c35);
  color: #fff;
  border: 0;
  border-radius: 14px;
  padding: .9rem 1.25rem;
  font-weight: 800;
  box-shadow: 0 18px 45px rgba(53, 164, 74, .25)
}

.btn-nxt:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 22px 55px rgba(53, 164, 74, .33)
}

.btn-ghost {
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  border-radius: 14px;
  padding: .9rem 1.25rem;
  font-weight: 800
}

.btn-ghost:hover {
  border-color: var(--nxt-green);
  color: #fff;
  background: rgba(53, 164, 74, .12)
}

.hero {
  position: relative;
  min-height: 820px;
  background: #020402;
  color: #fff;
  overflow: hidden;
  padding-top: 100px
}

.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .58) 34%, rgba(0, 0, 0, .22) 68%, rgba(0, 0, 0, .05) 100%), url('../img/hero-global-nxt.png') center right/cover no-repeat
}

.hero .container {
  position: relative;
  z-index: 2
}

.eyebrow {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--nxt-green-2);
  font-size: .82rem
}

.hero h1 {
  font-size: clamp(3rem, 7vw, 6.8rem);
  font-weight: 950;
  line-height: .95;
  letter-spacing: -.06em
}

.lead {
  font-size: 1.25rem;
  color: #dbe5dc;
  max-width: 680px
}

.agent-proof .proof-card {
  height: 100%;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 22px;
  background: rgba(255, 255, 255, .06);
  backdrop-filter: blur(14px);
  padding: 18px
}

.proof-card i {
  color: var(--nxt-green-2);
  font-size: 1.6rem
}

.proof-card b {
  display: block;
  margin-top: 10px;
  color: #fff
}

.proof-card small {
  display: block;
  color: #b9c5bb
}

.service-tile {
  height: 100%;
  border: 1px solid rgba(255, 255, 255, .11);
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
  border-radius: 28px;
  padding: 28px
}

.service-tile i {
  font-size: 2rem;
  color: var(--nxt-green-2)
}

.service-tile h5 {
  font-weight: 900;
  margin-top: 18px
}

.service-tile p {
  color: #b9c5bb;
  margin: 0
}

.mini-benefit {
  border: 1px solid rgba(7, 16, 7, .1);
  border-radius: 18px;
  background: #fff;
  padding: 16px 18px;
  font-weight: 800
}

.mini-benefit i {
  color: var(--nxt-green);
  margin-right: 8px
}

.text-green {
  color: #35a44a;
}

.earnings-box {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, .05)
}

.earnings-box {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 30px;
  overflow: hidden;
  background: rgba(255, 255, 255, .05)
}

.earn-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 22px 26px;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.earn-row:last-child {
  border-bottom: 0
}

.earn-row span {
  color: #b9c5bb
}

.earn-row b {
  color: #fff;
  text-align: right
}

.hero-card {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));
  box-shadow: 0 30px 90px rgba(0, 0, 0, .4);
  backdrop-filter: blur(14px)
}

.agent-hero-card {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .06);
  box-shadow: 0 30px 90px rgba(0, 0, 0, .38)
}

.agent-hero-card img {
  width: 100%;
  min-height: 520px;
  object-fit: cover
}

.agent-floating-card {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  border-radius: 24px;
  background: rgba(3, 6, 4, .82);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, .12);
  padding: 20px;
  color: #fff
}

.agent-floating-card span,
.agent-floating-card small {
  display: block;
  color: #b9c5bb
}

.agent-floating-card strong {
  display: block;
  font-size: 1.25rem;
  margin: .2rem 0
}

.step-number {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(53, 164, 74, .15);
  color: var(--nxt-green-2);
  font-weight: 950;
  margin-bottom: 24px
}

.existing-agent-card {
  border-radius: 36px;
  background: radial-gradient(circle at 82% 20%, rgba(63, 211, 91, .32), transparent 38%), #071007;
  color: #fff;
  padding: 56px;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 25px 85px rgba(0, 0, 0, .18)
}

.stat {
  font-weight: 950;
  font-size: 2.4rem
}

.trust-strip {
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(0, 0, 0, .36);
  backdrop-filter: blur(15px);
  border-radius: 26px
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(53, 164, 74, .11);
  border: 1px solid rgba(53, 164, 74, .25);
  color: #dffbe4;
  border-radius: 999px;
  padding: .55rem .85rem;
  font-weight: 800
}

.section {
  padding: 96px 0
}

.section-dark {
  background: #030604;
  color: #fff
}

.big-title {
  font-weight: 950;
  letter-spacing: -.045em;
  font-size: clamp(2.1rem, 4vw, 4rem);
  line-height: 1.02
}

.sub {
  color: #667168;
  font-size: 1.08rem
}

.dark-sub {
  color: #bac7bc
}

.product-card {
  min-height: 440px;
  border-radius: 32px;
  padding: 32px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  background: #071007;
  color: #fff;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .12)
}

.product-card:after {
  content: "";
  position: absolute;
  inset: auto -15% -25% 10%;
  height: 220px;
  background: radial-gradient(circle, rgba(63, 211, 91, .36), transparent 65%);
  filter: blur(20px)
}

.product-card.light {
  background: #fff;
  color: #0b120d;
  border: 1px solid rgba(7, 16, 7, .1)
}

.mini-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(53, 164, 74, .12);
  color: var(--nxt-green);
  font-size: 1.5rem
}

.feature {
  border: 1px solid rgba(7, 16, 7, .08);
  background: #fff;
  border-radius: 28px;
  padding: 28px;
  height: 100%;
  box-shadow: 0 18px 50px rgba(7, 16, 7, .06)
}

.feature.dark {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .1);
  color: #fff
}

.flow-step {
  position: relative;
  border-radius: 24px;
  border: 1px solid rgba(7, 16, 7, .1);
  background: #fff;
  padding: 24px
}

.flow-step b {
  font-size: 1.1rem
}

.agent-panel {
  border-radius: 36px;
  overflow: hidden;
  background: #071007;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 25px 85px rgba(0, 0, 0, .18)
}

.agent-img {
  min-height: 520px;
  background: url('../img/agent-woman-africa-map.png') center/cover no-repeat
}

.metric {
  border-left: 1px solid rgba(255, 255, 255, .16)
}

.metric:first-child {
  border-left: 0
}

.cta {
  border-radius: 34px;
  background: radial-gradient(circle at 85% 40%, rgba(53, 164, 74, .45), transparent 35%), #030604;
  color: #fff;
  overflow: hidden
}

.footer {
  background: #030604;
  color: #dbe5dc;
  padding: 64px 0 28px
}

.footer a {
  color: #dbe5dc;
  display: block;
  margin: .45rem 0
}

.footer a:hover {
  color: var(--nxt-green-2)
}

.page-hero {
  padding: 150px 0 90px;
  background: radial-gradient(circle at 80% 30%, rgba(53, 164, 74, .28), transparent 34%), linear-gradient(135deg, #020402, #0a130b);
  color: #fff
}

.page-hero h1 {
  font-size: clamp(2.7rem, 6vw, 5.5rem);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.055em
}

.image-tile {
  border-radius: 30px;
  min-height: 360px;
  background: url('../img/global-network-map.png') center/cover no-repeat;
  overflow: hidden;
  position: relative
}

.image-tile:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .7), transparent)
}

.list-check li {
  margin: .8rem 0
}

.list-check i {
  color: var(--nxt-green);
  margin-right: .5rem
}

.table-clean {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(7, 16, 7, .1)
}

.table-clean th {
  background: #071007;
  color: #fff
}

.card-link {
  transition: .2s
}

.card-link:hover {
  transform: translateY(-5px)
}

@media(max-width:991px) {
  .hero {
    min-height: auto;
    padding: 130px 0 80px
  }

  .hero:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .62)), url('../img/hero-global-nxt.png') center/cover no-repeat
  }

  .trust-strip .row>div {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 1rem
  }

  .metric {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    padding-top: 1rem
  }

  .metric:first-child {
    border-top: 0
  }

  .agent-img {
    min-height: 360px
  }
}

/* App image treatment for homepage solution cards */
.service-card {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  min-height: 460px
}

.service-card .service-copy {
  position: relative;
  z-index: 2;
  max-width: 58%
}

.service-card .service-phone-img {
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: -96px;
  width: min(230px, 38%);
  height: auto;
  border-radius: 34px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
  transform: rotate(-4deg);
  border: 1px solid rgba(255, 255, 255, .18)
}

.service-card:nth-child(1) .service-phone-img {
  right: 22px
}

.service-card:hover .service-phone-img {
  transform: translateY(-8px) rotate(-3deg);
  transition: .22s ease
}

.service-card.has-phone:before {
  content: "";
  position: absolute;
  right: -20%;
  top: 8%;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(53, 164, 74, .34), transparent 62%);
  filter: blur(8px);
  z-index: 0
}

@media(max-width:767px) {
  .service-card {
    min-height: 560px
  }

  .service-card .service-copy {
    max-width: 100%
  }

  .service-card .service-phone-img {
    width: 210px;
    right: 20px;
    bottom: -88px;
    opacity: .9
  }
}

.merchant-panel {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(7, 16, 7, .1);
    background: #fff;
    box-shadow: 0 24px 70px rgba(7, 16, 7, .08);
}
.panel-row.header {
    background: #071007;
    color: #fff;
}

.panel-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-bottom: 1px solid rgba(7, 16, 7, .08);
}

/* Footer social icons */
.social-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.social-icons a {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  text-decoration: none;
  transition: all .2s ease;
}
.social-icons a:hover {
  color: #08110d;
  background: #00e676;
  border-color: #00e676;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 230, 118, 0.24);
}
.social-icons i {
  font-size: 1.05rem;
  line-height: 1;
}

/* Merchant payout page additions */
.payout-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(53,164,74,.35),transparent 32%),linear-gradient(135deg,#020402 0%,#071007 60%,#030604 100%)}
.payout-hero:before{content:"";position:absolute;inset:0;background:url('../img/global-network-map.png') center/cover no-repeat;opacity:.14;mix-blend-mode:screen}
.payout-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,2,.92),rgba(2,4,2,.55),rgba(2,4,2,.88))}
.payout-hero .container{z-index:2}
.payout-visual{border:1px solid rgba(255,255,255,.14);border-radius:34px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));backdrop-filter:blur(18px);color:#fff;position:relative;overflow:hidden}
.payout-visual:after{content:"";position:absolute;right:-25%;bottom:-25%;width:360px;height:360px;background:radial-gradient(circle,rgba(63,211,91,.32),transparent 68%);filter:blur(12px)}
.visual-top,.balance-card,.route-card{position:relative;z-index:2}.visual-top{font-weight:800;color:#cfe8d3;margin-bottom:18px}.balance-card{border-radius:26px;background:#061006;border:1px solid rgba(255,255,255,.12);padding:28px;margin-bottom:16px}.balance-card small{color:#b8c9bb}.balance-card h2{font-weight:950;font-size:3.4rem;letter-spacing:-.06em;margin:.35rem 0 1rem}.route-card{display:flex;align-items:center;gap:14px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);padding:16px;margin-top:12px}.route-card i{width:46px;height:46px;border-radius:16px;background:rgba(53,164,74,.18);display:grid;place-items:center;color:var(--nxt-green-2);font-size:1.35rem}.route-card div{flex:1}.route-card small{display:block;color:#b8c9bb}.route-card span{font-size:.78rem;font-weight:900;text-transform:uppercase;color:#dffbe4;background:rgba(53,164,74,.18);border:1px solid rgba(53,164,74,.3);border-radius:999px;padding:.4rem .65rem}.step-number{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(53,164,74,.15);color:var(--nxt-green-2);font-weight:950;margin-bottom:24px}.merchant-panel{border-radius:30px;overflow:hidden;border:1px solid rgba(7,16,7,.1);background:#fff;box-shadow:0 24px 70px rgba(7,16,7,.08)}.panel-row{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid rgba(7,16,7,.08)}.panel-row:last-child{border-bottom:0}.panel-row>*{padding:20px 24px}.panel-row>*:first-child{border-right:1px solid rgba(7,16,7,.08);color:#667168}.panel-row>*:last-child{font-weight:900;color:#071007;background:rgba(53,164,74,.06)}.panel-row.header{background:#071007;color:#fff}.panel-row.header>*{color:#fff;background:transparent}.tag{display:inline-flex;margin-top:18px;border-radius:999px;background:rgba(53,164,74,.1);color:var(--nxt-green);font-weight:900;padding:.55rem .85rem;font-size:.85rem}@media(max-width:767px){.panel-row{grid-template-columns:1fr}.panel-row>*:first-child{border-right:0;border-bottom:1px solid rgba(7,16,7,.08)}.balance-card h2{font-size:2.4rem}}