:root{
  --orange:#f69725;
  --charcoal:#53525e;
  --black:#070707;
  --silver:#9e9ea2;
  --warm:#f8f3ed;
  --white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:var(--warm);color:var(--black);line-height:1.55}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:rgba(248,243,237,.95);border-bottom:1px solid #eadfD4}
.logo{font-size:28px;font-weight:900;color:var(--black)}
.logo span{color:var(--orange)}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{color:var(--charcoal);text-decoration:none;font-weight:700}
nav a:hover{color:var(--orange)}
.hero{min-height:75vh;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:80px 6vw;background:radial-gradient(circle at right,rgba(246,151,37,.25),transparent 35%)}
.hero h1{font-size:clamp(36px,6vw,72px);line-height:.98;letter-spacing:-.06em;margin:0 0 22px}
.hero p{font-size:20px;color:var(--charcoal);max-width:820px}
.tag{color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.btn{display:inline-block;margin-top:20px;background:var(--orange);color:#111;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:900}
.orb{height:300px;border-radius:40px;background:linear-gradient(135deg,var(--orange),var(--charcoal));box-shadow:0 30px 80px rgba(83,82,94,.25);animation:float 5s ease-in-out infinite}
.section{padding:70px 6vw}
.section h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:0 0 26px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--white);border-left:6px solid var(--orange);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(83,82,94,.10);animation:rise .8s ease both}
.card h3{margin:0 0 10px;font-size:22px}
.card p{margin:0;color:var(--charcoal)}
.dark{background:linear-gradient(135deg,var(--charcoal),#24232b);color:white}
.dark .card{color:var(--black)}
footer{padding:28px 6vw;color:var(--charcoal);border-top:1px solid #eadfd4}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero,.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}

/* ============================================================
   MobiCash global text-size reduction override
   Applied after original CSS to reduce oversized hero/header text
   ============================================================ */

header,
.topbar {
  padding: 12px 5vw !important;
}

.logo,
.brand strong {
  font-size: 21px !important;
  line-height: 1.1 !important;
}

.brand small {
  font-size: 10px !important;
}

nav {
  gap: 12px !important;
  font-size: 13px !important;
}

nav a {
  font-size: 13px !important;
}

.hero {
  min-height: 58vh !important;
  padding: 48px 5vw !important;
}

.hero h1 {
  font-size: clamp(28px, 4vw, 46px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
}

.hero p,
.lead {
  font-size: 16px !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
}

.service-hero {
  padding: 46px 5vw 32px !important;
}

.service-hero h1 {
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
}

.section {
  padding: 48px 5vw !important;
}

.section h2 {
  font-size: clamp(24px, 3vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.card h3,
.product h3,
.step h3 {
  font-size: 18px !important;
}

.card p,
.product p,
.step p {
  font-size: 14px !important;
}

.eyebrow,
.tag {
  font-size: 11px !important;
  letter-spacing: 0.11em !important;
}

.btn,
.button {
  font-size: 14px !important;
  padding: 11px 16px !important;
}

@media(max-width:900px){
  .hero h1,
  .service-hero h1 {
    font-size: 30px !important;
  }

  .hero p,
  .lead {
    font-size: 15px !important;
  }

  nav,
  nav a {
    font-size: 12px !important;
  }
}

/* Homepage hero headline medium-size override */
.hero h1 {
  font-size: clamp(22px, 2.6vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  max-width: 920px !important;
}

@media(max-width:900px){
  .hero h1 {
    font-size: 24px !important;
    line-height: 1.22 !important;
  }
}

/* Homepage hero headline medium-size override */
.hero h1 {
  font-size: clamp(22px, 2.6vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  max-width: 920px !important;
}

@media(max-width:900px){
  .hero h1 {
    font-size: 24px !important;
    line-height: 1.22 !important;
  }
}

/* Homepage hero headline medium-size override */
.hero h1 {
  font-size: clamp(22px, 2.6vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  max-width: 920px !important;
}

@media(max-width:900px){
  .hero h1 {
    font-size: 24px !important;
    line-height: 1.22 !important;
  }
}

/* Homepage hero headline medium-size override */
.hero h1 {
  font-size: clamp(22px, 2.6vw, 34px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  max-width: 920px !important;
}

@media(max-width:900px){
  .hero h1 {
    font-size: 24px !important;
    line-height: 1.22 !important;
  }
}

/* Transaction Flow animated image replacement */
.flow-image-section {
  padding: 48px 5vw !important;
  background: linear-gradient(135deg, #53525e, #24232b) !important;
}

.transaction-flow-image {
  display: block;
  width: 100%;
  max-width: 1500px;
  height: auto;
  min-height: 420px;
  margin: 0 auto;
  border: 1px solid rgba(246,151,37,.35);
  border-radius: 28px;
  box-shadow: 0 28px 90px rgba(0,0,0,.28);
  background: #f8f3ed;
}

@media(max-width:900px){
  .flow-image-section {
    padding: 26px 3vw !important;
  }

  .transaction-flow-image {
    min-height: 260px;
    border-radius: 18px;
  }
}

/* ============================================================
   MobiCash Trust Control Framework — animated governance section
   ============================================================ */

.trust-framework {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(246,151,37,.22), transparent 30%),
    radial-gradient(circle at 85% 75%, rgba(246,151,37,.15), transparent 32%),
    linear-gradient(135deg, #53525e, #24232b) !important;
  color: #ffffff;
}

.trust-framework::before {
  content: "";
  position: absolute;
  inset: -30%;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 46px 46px;
  transform: rotate(-8deg);
  animation: trustGridMove 18s linear infinite;
}

.trust-framework > * {
  position: relative;
  z-index: 1;
}

.trust-header {
  max-width: 980px;
  margin-bottom: 34px;
}

.trust-header h2 {
  color: #ffffff;
}

.trust-header .intro {
  color: #eee7df;
}

.trust-control-board {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 28px;
  align-items: stretch;
}

.trust-radar {
  min-height: 460px;
  border: 1px solid rgba(246,151,37,.34);
  border-radius: 30px;
  background:
    radial-gradient(circle at center, rgba(246,151,37,.18), transparent 30%),
    rgba(255,255,255,.07);
  box-shadow: 0 28px 90px rgba(0,0,0,.24);
  display: grid;
  place-items: center;
  position: relative;
  overflow: hidden;
}

.trust-ring {
  width: 310px;
  height: 310px;
  border-radius: 50%;
  border: 2px solid rgba(246,151,37,.45);
  position: relative;
  animation: trustSpin 16s linear infinite;
}

.trust-ring::before,
.trust-ring::after {
  content: "";
  position: absolute;
  inset: 42px;
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,.35);
}

.trust-ring::after {
  inset: 88px;
  border-color: rgba(246,151,37,.55);
  animation: trustReverseSpin 10s linear infinite;
}

.trust-core {
  position: absolute;
  width: 178px;
  height: 178px;
  border-radius: 36px;
  background: linear-gradient(135deg, #f69725, #ffb157);
  color: #111111;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 18px;
  font-weight: 900;
  box-shadow: 0 24px 80px rgba(246,151,37,.34);
}

.trust-core span {
  display: block;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.trust-core strong {
  display: block;
  font-size: 24px;
  line-height: 1.05;
  margin-top: 6px;
}

.trust-node {
  position: absolute;
  width: 96px;
  height: 96px;
  border-radius: 28px;
  background: #ffffff;
  color: #070707;
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 900;
  box-shadow: 0 18px 54px rgba(0,0,0,.20);
  border: 1px solid rgba(246,151,37,.45);
}

.trust-node small {
  display: block;
  color: #53525e;
  font-size: 10px;
  margin-top: 4px;
}

.trust-node.claims { top: 42px; left: 48px; animation: trustPulse 3s ease-in-out infinite; }
.trust-node.evidence { top: 42px; right: 48px; animation: trustPulse 3.4s ease-in-out infinite; }
.trust-node.security { bottom: 42px; left: 48px; animation: trustPulse 3.8s ease-in-out infinite; }
.trust-node.release { bottom: 42px; right: 48px; animation: trustPulse 4.2s ease-in-out infinite; }

.trust-stack {
  display: grid;
  gap: 16px;
}

.trust-card {
  background: rgba(255,255,255,.96);
  color: #070707;
  border-radius: 24px;
  padding: 22px;
  border-left: 7px solid #f69725;
  box-shadow: 0 18px 60px rgba(0,0,0,.16);
  transform: translateY(12px);
  opacity: 0;
  animation: trustCardIn .85s ease forwards;
}

.trust-card:nth-child(2) { animation-delay: .12s; }
.trust-card:nth-child(3) { animation-delay: .24s; }
.trust-card:nth-child(4) { animation-delay: .36s; }

.trust-card .code {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, #f69725, #ffb157);
  display: inline-grid;
  place-items: center;
  color: #111111;
  font-weight: 900;
  margin-bottom: 12px;
}

.trust-card h3 {
  font-size: 18px;
  margin: 0 0 8px;
}

.trust-card p {
  font-size: 14px;
  color: #53525e;
  margin: 0;
}

.publication-gate {
  margin-top: 28px;
  padding: 22px;
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(246,151,37,.20), rgba(255,255,255,.08)),
    rgba(255,255,255,.08);
  border: 1px solid rgba(246,151,37,.36);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px;
  align-items: center;
}

.gate-badge {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  background: #f69725;
  color: #111111;
  display: grid;
  place-items: center;
  font-weight: 900;
  box-shadow: 0 18px 60px rgba(246,151,37,.30);
  animation: trustPulse 2.7s ease-in-out infinite;
}

.publication-gate strong {
  display: block;
  margin-bottom: 6px;
  color: #ffffff;
}

.publication-gate p {
  margin: 0;
  color: #eee7df;
  font-size: 14px;
}

@keyframes trustGridMove {
  from { transform: rotate(-8deg) translateY(0); }
  to { transform: rotate(-8deg) translateY(46px); }
}

@keyframes trustSpin {
  to { transform: rotate(360deg); }
}

@keyframes trustReverseSpin {
  to { transform: rotate(-360deg); }
}

@keyframes trustPulse {
  0%,100% { transform: scale(1); box-shadow: 0 18px 54px rgba(0,0,0,.20); }
  50% { transform: scale(1.045); box-shadow: 0 24px 70px rgba(246,151,37,.28); }
}

@keyframes trustCardIn {
  to { transform: translateY(0); opacity: 1; }
}

@media(max-width:980px) {
  .trust-control-board {
    grid-template-columns: 1fr;
  }

  .trust-radar {
    min-height: 390px;
  }

  .trust-ring {
    width: 240px;
    height: 240px;
  }

  .trust-core {
    width: 150px;
    height: 150px;
  }

  .trust-node {
    width: 82px;
    height: 82px;
    border-radius: 22px;
    font-size: 13px;
  }

  .publication-gate {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   MobiCash Cybernetic Hero Ecosystem Card
   Replaces: "MobiCash Payment + Tax + Commerce + Inclusion"
   ============================================================ */

.cyber-hero-card {
  display: block;
  position: relative;
  min-height: 390px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(246,151,37,.34), transparent 19%),
    radial-gradient(circle at 52% 48%, rgba(0,208,255,.24), transparent 34%),
    linear-gradient(135deg, rgba(4,10,18,.98), rgba(8,18,32,.96));
  border: 1px solid rgba(0,208,255,.42);
  box-shadow:
    0 30px 90px rgba(0,0,0,.34),
    inset 0 0 44px rgba(0,208,255,.12);
  color: #ffffff;
  isolation: isolate;
}

.cyber-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,208,255,.075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,208,255,.075) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .38;
  transform: perspective(600px) rotateX(50deg) translateY(-90px);
  animation: cyberGridDrift 14s linear infinite;
}

.cyber-hero-card::after {
  content: "";
  position: absolute;
  inset: -30%;
  background:
    conic-gradient(from 0deg, transparent, rgba(0,208,255,.28), transparent, rgba(246,151,37,.34), transparent);
  animation: cyberRotate 18s linear infinite;
  opacity: .48;
  z-index: -1;
}

.cyber-orbit-stage {
  position: absolute;
  inset: 34px 32px 92px 32px;
  display: grid;
  place-items: center;
}

.cyber-orbit-ring {
  position: absolute;
  width: 295px;
  height: 295px;
  border-radius: 50%;
  border: 2px solid rgba(0,208,255,.55);
  box-shadow:
    0 0 28px rgba(0,208,255,.45),
    inset 0 0 26px rgba(246,151,37,.20);
  animation: cyberRotate 16s linear infinite;
}

.cyber-orbit-ring::before,
.cyber-orbit-ring::after {
  content: "";
  position: absolute;
  inset: 34px;
  border-radius: 50%;
  border: 1px dashed rgba(246,151,37,.65);
}

.cyber-orbit-ring::after {
  inset: 73px;
  border-color: rgba(0,208,255,.50);
  animation: cyberReverseRotate 10s linear infinite;
}

.cyber-core {
  position: absolute;
  width: 142px;
  height: 142px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 40% 35%, #202837, #05080d 72%);
  border: 3px solid rgba(246,151,37,.78);
  box-shadow:
    0 0 34px rgba(246,151,37,.60),
    0 0 70px rgba(0,208,255,.38);
  font-size: 76px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: -.08em;
}

.cyber-core::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-left-color: rgba(255,255,255,.75);
  border-right-color: rgba(246,151,37,.85);
  animation: cyberReverseRotate 8s linear infinite;
}

.cyber-node {
  position: absolute;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  background: radial-gradient(circle at 45% 35%, #151e2d, #05080d 76%);
  border: 2px solid rgba(246,151,37,.76);
  box-shadow:
    0 0 22px rgba(246,151,37,.40),
    0 0 36px rgba(0,208,255,.25);
  color: #ffffff;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
  animation: cyberPulse 3.2s ease-in-out infinite;
}

.cyber-node span {
  display: block;
  font-size: 25px;
  color: #f69725;
  margin-bottom: 5px;
}

.cyber-node.payment { top: 2px; left: 50%; transform: translateX(-50%); }
.cyber-node.tax { left: 12%; top: 44%; animation-delay: .3s; }
.cyber-node.commerce { right: 12%; top: 44%; animation-delay: .6s; }
.cyber-node.inclusion { bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: .9s; }

.cyber-connector {
  position: absolute;
  width: 62%;
  height: 62%;
  border-radius: 50%;
  border: 1px solid rgba(246,151,37,.32);
  border-top-color: rgba(0,208,255,.80);
  border-bottom-color: rgba(246,151,37,.80);
  animation: cyberRotate 12s linear infinite;
}

.cyber-link-strip {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 24px;
  min-height: 58px;
  border-radius: 16px;
  border: 1px solid rgba(0,208,255,.55);
  background: rgba(2,10,18,.82);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 18px;
  box-shadow: inset 0 0 28px rgba(0,208,255,.13);
}

.cyber-link-strip .globe {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  color: #00d0ff;
  font-size: 19px;
}

.cyber-link-strip .url {
  flex: 1;
  color: #28e7ff;
  font-size: 15px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.cyber-link-strip .arrow {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f69725;
  color: #05080d;
  font-size: 22px;
  font-weight: 900;
  box-shadow: 0 0 22px rgba(246,151,37,.55);
}

.cyber-hero-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 36px 100px rgba(0,0,0,.42),
    inset 0 0 54px rgba(0,208,255,.18);
}

.cyber-hero-card:hover .cyber-link-strip {
  border-color: rgba(246,151,37,.85);
}

@keyframes cyberRotate {
  to { transform: rotate(360deg); }
}

@keyframes cyberReverseRotate {
  to { transform: rotate(-360deg); }
}

@keyframes cyberGridDrift {
  from { background-position: 0 0; }
  to { background-position: 0 68px; }
}

@keyframes cyberPulse {
  0%,100% {
    filter: brightness(1);
    box-shadow: 0 0 22px rgba(246,151,37,.40), 0 0 36px rgba(0,208,255,.25);
  }
  50% {
    filter: brightness(1.22);
    box-shadow: 0 0 34px rgba(246,151,37,.70), 0 0 54px rgba(0,208,255,.45);
  }
}

@media(max-width:900px) {
  .cyber-hero-card {
    min-height: 330px;
  }

  .cyber-orbit-stage {
    inset: 28px 18px 94px 18px;
  }

  .cyber-orbit-ring {
    width: 230px;
    height: 230px;
  }

  .cyber-core {
    width: 116px;
    height: 116px;
    font-size: 58px;
  }

  .cyber-node {
    width: 82px;
    height: 82px;
    font-size: 9px;
  }

  .cyber-node span {
    font-size: 20px;
  }

  .cyber-link-strip {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .cyber-link-strip .url {
    font-size: 12px;
  }
}

/* Local cybernetic SVG hero replacement */
.hero-image-link {
  display: block;
  border-radius: 28px;
  overflow: hidden;
  background: #050911;
  border: 1px solid rgba(246,151,37,.28);
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero-image-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 38px 110px rgba(0,0,0,.34);
}

.hero-image-link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media(max-width:900px){
  .hero-image-link {
    border-radius: 18px;
  }
}

/* Local cybernetic SVG hero replacement */
.hero-image-link {
  display: block;
  border-radius: 28px;
  overflow: hidden;
  background: #050911;
  border: 1px solid rgba(246,151,37,.28);
  box-shadow: 0 30px 90px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero-image-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 38px 110px rgba(0,0,0,.34);
}

.hero-image-link img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media(max-width:900px){
  .hero-image-link {
    border-radius: 18px;
  }
}

/* ============================================================
   Corporate Capability Strip
   ============================================================ */

.capability-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 26px;
}

.capability-badge {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px 18px 16px;
  background: linear-gradient(135deg, #ffffff, #fbf8f4);
  border: 1px solid rgba(246,151,37,.18);
  border-left: 6px solid #f69725;
  border-radius: 20px;
  box-shadow: 0 14px 42px rgba(83,82,94,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.capability-badge:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 56px rgba(246,151,37,.15);
}

.capability-number {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f69725, #ffb157);
  color: #111111;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(246,151,37,.25);
}

.capability-text h3 {
  margin: 2px 0 8px;
  font-size: 18px;
  line-height: 1.1;
  color: #070707;
}

.capability-text p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.5;
  color: #53525e;
}

@media(max-width:1100px){
  .capability-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:700px){
  .capability-strip {
    grid-template-columns: 1fr;
  }

  .capability-badge {
    padding: 16px;
  }

  .capability-number {
    width: 48px;
    height: 48px;
    font-size: 16px;
  }

  .capability-text h3 {
    font-size: 17px;
  }

  .capability-text p {
    font-size: 13px;
  }
}

/* ============================================================
   Animated Platform Architecture Visual Section
   ============================================================ */

.platform-architecture-visual-section {
  padding: 58px 5vw !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(246,151,37,.18), transparent 30%),
    linear-gradient(135deg, #53525e, #24232b) !important;
}

.platform-architecture-visual-section h2 {
  max-width: 980px;
}

.platform-architecture-visual-section .intro {
  max-width: 980px;
  color: #eee7df;
}

.platform-architecture-visual {
  display: block;
  width: 100%;
  max-width: 1500px;
  min-height: 520px;
  margin: 28px auto 18px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(246,151,37,.36);
  box-shadow: 0 32px 100px rgba(0,0,0,.30);
  background: #050911;
}

.architecture-caption {
  max-width: 1100px;
  margin: 18px auto 0;
  color: #eee7df;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}

@media(max-width:900px){
  .platform-architecture-visual-section {
    padding: 34px 3vw !important;
  }

  .platform-architecture-visual {
    min-height: 320px;
    border-radius: 18px;
  }

  .architecture-caption {
    font-size: 13px;
    text-align: left;
  }
}

/* ============================================================
   Strategic Engagement Gateway Section
   ============================================================ */

.engagement-gateway-section {
  padding: 58px 5vw !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(246,151,37,.18), transparent 32%),
    linear-gradient(135deg, #53525e, #24232b) !important;
}

.engagement-gateway-section h2 {
  max-width: 1000px;
}

.engagement-gateway-section .intro {
  max-width: 1050px;
  color: #eee7df;
}

.engagement-gateway-visual {
  display: block;
  width: 100%;
  max-width: 1500px;
  min-height: 520px;
  margin: 28px auto 22px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(246,151,37,.36);
  box-shadow: 0 32px 100px rgba(0,0,0,.30);
  background: #050911;
}

.engagement-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 1180px;
  margin: 22px auto 0;
}

.engagement-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 16px;
  border-radius: 999px;
  background: #f69725;
  color: #070707;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 36px rgba(246,151,37,.24);
  transition: transform .22s ease, box-shadow .22s ease;
}

.engagement-actions a:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(246,151,37,.36);
}

@media(max-width:900px){
  .engagement-gateway-section {
    padding: 34px 3vw !important;
  }

  .engagement-gateway-visual {
    min-height: 320px;
    border-radius: 18px;
  }

  .engagement-actions {
    justify-content: flex-start;
  }

  .engagement-actions a {
    width: 100%;
  }
}

/* ============================================================
   Regulatory Footer and Policy Pages
   ============================================================ */

.reg-footer {
  padding: 28px 5vw 24px;
  background: #070707;
  color: #d8d8dc;
  border-top: 4px solid #f69725;
  font-size: 12px;
  line-height: 1.55;
}

.reg-footer .footer-brand {
  max-width: 1180px;
  margin: 0 auto 8px;
  color: #f8f3ed;
  font-size: 12px;
}

.reg-footer .footer-disclaimer {
  max-width: 1180px;
  margin: 0 auto 16px;
  color: #9e9ea2;
  font-size: 11px;
}

.footer-links {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.footer-links a {
  color: #f69725;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.footer-links a:hover {
  border-bottom-color: #f69725;
}

.policy-page {
  background: #f8f3ed;
}

.policy-hero {
  padding: 54px 5vw 30px;
  background:
    radial-gradient(circle at 80% 10%, rgba(246,151,37,.22), transparent 30%),
    linear-gradient(135deg, #ffffff, #f8f3ed);
  border-bottom: 1px solid #eadfd4;
}

.policy-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: #070707;
}

.policy-summary {
  color: #53525e;
  font-size: 14px;
  max-width: 780px;
}

.policy-content {
  max-width: 980px;
  margin: 0 auto;
  padding: 38px 5vw 62px;
  background: #ffffff;
  border-left: 1px solid #eadfd4;
  border-right: 1px solid #eadfd4;
}

.policy-content h2 {
  margin: 28px 0 10px;
  font-size: 19px;
  line-height: 1.2;
  color: #070707;
  border-left: 5px solid #f69725;
  padding-left: 10px;
}

.policy-content h3 {
  margin: 20px 0 8px;
  font-size: 15px;
  color: #070707;
}

.policy-content p {
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.65;
  color: #53525e;
}

.policy-content a {
  color: #f69725;
  font-weight: 800;
}

.support-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin: 24px 0 28px;
}

.support-card {
  display: block;
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #fbf8f4);
  border: 1px solid rgba(246,151,37,.25);
  border-left: 5px solid #f69725;
  box-shadow: 0 12px 34px rgba(83,82,94,.08);
  text-decoration: none;
}

.support-card strong {
  display: block;
  margin-bottom: 8px;
  color: #070707;
  font-size: 15px;
}

.support-card span {
  display: block;
  color: #53525e;
  font-size: 12px;
  line-height: 1.5;
}

.support-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(246,151,37,.16);
}

@media(max-width:900px){
  .support-grid {
    grid-template-columns: 1fr;
  }

  .footer-links {
    flex-direction: column;
    gap: 7px;
  }

  .policy-content {
    border-left: 0;
    border-right: 0;
  }
}

/* ============================================================
   FORCE Regulatory Footer Links
   ============================================================ */

.reg-footer {
  display: block !important;
  padding: 26px 5vw 24px !important;
  background: #070707 !important;
  color: #d8d8dc !important;
  border-top: 4px solid #f69725 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.reg-footer .footer-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.reg-footer .footer-brand {
  color: #f8f3ed !important;
  font-size: 12px !important;
  margin-bottom: 8px !important;
}

.reg-footer .footer-brand strong {
  color: #ffffff !important;
  font-size: 13px !important;
}

.reg-footer .footer-disclaimer {
  color: #9e9ea2 !important;
  font-size: 11px !important;
  margin-bottom: 16px !important;
}

.reg-footer .footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.reg-footer .footer-links a {
  color: #f69725 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
}

.reg-footer .footer-links a:hover {
  border-bottom-color: #f69725 !important;
}

@media(max-width:900px){
  .reg-footer .footer-links {
    flex-direction: column !important;
    gap: 7px !important;
  }
}

/* ============================================================
   Final footer visibility correction
   ============================================================ */

footer.reg-footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 5vw 26px !important;
  background: #070707 !important;
  color: #f8f3ed !important;
  border-top: 5px solid #f69725 !important;
}

footer.reg-footer .footer-inner {
  display: block !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

footer.reg-footer .footer-brand {
  display: block !important;
  color: #f8f3ed !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-bottom: 9px !important;
}

footer.reg-footer .footer-brand strong {
  color: #ffffff !important;
  font-size: 14px !important;
}

footer.reg-footer .footer-disclaimer {
  display: block !important;
  color: #9e9ea2 !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  margin-bottom: 18px !important;
}

footer.reg-footer .footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 16px !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer.reg-footer .footer-links a {
  display: inline-block !important;
  color: #f69725 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid rgba(246,151,37,.35) !important;
}

footer.reg-footer .footer-links a:hover {
  color: #ffb157 !important;
  border-bottom-color: #ffb157 !important;
}

@media(max-width:900px){
  footer.reg-footer .footer-links {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* ============================================================
   Center footer regulatory text links
   ============================================================ */

footer.reg-footer {
  text-align: center !important;
}

footer.reg-footer .footer-inner {
  text-align: center !important;
}

footer.reg-footer .footer-brand,
footer.reg-footer .footer-disclaimer {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

footer.reg-footer .footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 10px 18px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

footer.reg-footer .footer-links a {
  text-align: center !important;
  display: inline-block !important;
}

@media(max-width:900px){
  footer.reg-footer .footer-links {
    justify-content: center !important;
    align-items: center !important;
  }
}

/* ============================================================
   Interactive Contact & Complaints: Chatbot + Ticket Modal
   ============================================================ */

.interactive-support-grid .support-card,
.interactive-support-grid button.support-card {
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}

.support-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 5000;
}

.support-modal.active {
  display: block;
}

.support-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7,7,7,.72);
  backdrop-filter: blur(8px);
}

.support-modal-panel {
  position: relative;
  width: min(860px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  margin: 24px auto;
  background: #f8f3ed;
  border: 1px solid rgba(246,151,37,.40);
  border-radius: 28px;
  box-shadow: 0 36px 120px rgba(0,0,0,.45);
  padding: 28px;
}

.support-modal-close {
  position: sticky;
  top: 0;
  float: right;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #070707;
  color: #f69725;
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
  z-index: 2;
}

.support-modal-header {
  margin-bottom: 18px;
}

.support-modal-header h2 {
  margin: 0 0 8px;
  font-size: 28px;
  color: #070707;
}

.support-modal-header p {
  margin: 0;
  color: #53525e;
  font-size: 13px;
}

.chat-window {
  min-height: 260px;
  max-height: 320px;
  overflow-y: auto;
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-radius: 22px;
  padding: 16px;
  margin-bottom: 14px;
}

.chat-message {
  max-width: 78%;
  padding: 11px 13px;
  border-radius: 16px;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.45;
}

.chat-message.bot {
  background: #f8f3ed;
  color: #53525e;
  border: 1px solid #eadfd4;
}

.chat-message.user {
  margin-left: auto;
  background: #f69725;
  color: #070707;
  font-weight: 800;
}

.chat-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.chat-quick-actions button,
.chat-input-row button,
.ticket-actions button {
  border: 0;
  border-radius: 999px;
  background: #f69725;
  color: #070707;
  font-weight: 900;
  padding: 10px 14px;
  cursor: pointer;
}

.chat-quick-actions button {
  font-size: 12px;
}

.chat-input-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.chat-input-row input,
.ticket-form input,
.ticket-form select,
.ticket-form textarea {
  width: 100%;
  border: 1px solid #eadfd4;
  border-radius: 14px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: 13px;
  background: #ffffff;
  color: #070707;
}

.ticket-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.ticket-form label {
  display: block;
  margin-bottom: 14px;
  color: #070707;
  font-size: 12px;
  font-weight: 900;
}

.ticket-form textarea {
  resize: vertical;
}

.ticket-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.ticket-actions button[type="button"] {
  background: #53525e;
  color: #ffffff;
}

.support-note {
  margin-top: 14px !important;
  color: #53525e !important;
  font-size: 12px !important;
}

@media(max-width:760px){
  .support-modal-panel {
    padding: 20px;
    border-radius: 20px;
  }

  .ticket-grid {
    grid-template-columns: 1fr;
  }

  .chat-input-row {
    grid-template-columns: 1fr;
  }

  .chat-message {
    max-width: 100%;
  }
}

/* ============================================================
   Contact & Complaints support-card icons
   ============================================================ */

.support-card-icon {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

.support-icon {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 36%),
    linear-gradient(135deg, #f69725, #ffb157);
  box-shadow: 0 14px 34px rgba(246,151,37,.28);
  border: 1px solid rgba(246,151,37,.45);
}

.support-icon svg {
  width: 31px;
  height: 31px;
  display: block;
}

.support-icon svg path {
  fill: none;
  stroke: #070707;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.support-icon svg circle {
  fill: #070707;
}

.support-card-icon:hover .support-icon {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 20px 48px rgba(246,151,37,.38);
}

.support-card-icon strong {
  margin-top: 2px;
}

@media(max-width:700px){
  .support-card-icon {
    gap: 12px !important;
  }

  .support-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }

  .support-icon svg {
    width: 28px;
    height: 28px;
  }
}

/* Navbar link spacing after adding Engagement + Contact */
header nav {
  gap: 13px !important;
}

header nav a {
  white-space: nowrap !important;
}

/* ============================================================
   MobiCash Investor Page
   ============================================================ */

.investor-page {
  background: #f8f3ed;
  color: #070707;
}

.investor-hero {
  min-height: 720px;
  padding: 78px 5vw 58px;
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  align-items: center;
  gap: 42px;
  background:
    radial-gradient(circle at 78% 22%, rgba(34,200,255,.18), transparent 32%),
    radial-gradient(circle at 20% 20%, rgba(246,151,37,.18), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f8f3ed 48%, #111018 100%);
  overflow: hidden;
}

.investor-hero-copy {
  max-width: 680px;
}

.investor-hero-copy h1 {
  margin: 0 0 20px;
  color: #070707;
  font-size: clamp(42px, 5.3vw, 72px);
  line-height: .96;
  letter-spacing: -0.055em;
}

.investor-hero-copy p {
  color: #53525e;
  font-size: 16px;
  line-height: 1.65;
}

.investor-lead {
  color: #23222b !important;
  font-size: 19px !important;
  font-weight: 700;
}

.investor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 28px 0 16px;
}

.investor-actions a,
.investor-final-cta a {
  display: inline-block;
  padding: 14px 22px;
  border-radius: 999px;
  background: #f69725;
  color: #070707;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  box-shadow: 0 18px 44px rgba(246,151,37,.25);
}

.investor-actions a:nth-child(2) {
  background: #070707;
  color: #f69725;
}

.investor-note {
  display: inline-block;
  padding: 10px 14px;
  border-left: 5px solid #f69725;
  background: rgba(255,255,255,.72);
  color: #53525e;
  font-size: 12px;
  font-weight: 800;
}

.investor-hero-visual {
  width: 100%;
  border-radius: 34px;
  overflow: hidden;
  background: #030913;
  box-shadow: 0 38px 120px rgba(7,7,7,.38);
  border: 1px solid rgba(246,151,37,.35);
  transform: translateY(0);
  animation: investorFloat 5.8s ease-in-out infinite;
}

.investor-hero-visual object {
  display: block;
  width: 100%;
  min-height: 480px;
  aspect-ratio: 16 / 9;
}

@keyframes investorFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.investor-section {
  padding: 66px 5vw;
  max-width: 1280px;
  margin: 0 auto;
}

.investor-section h2,
.investor-final-cta h2 {
  margin: 0 0 18px;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.02;
  letter-spacing: -0.04em;
  color: #070707;
}

.investor-intro,
.investor-section > p {
  max-width: 940px;
  color: #53525e;
  font-size: 16px;
  line-height: 1.7;
}

.investor-pillars,
.investor-business-grid,
.project-pipeline-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.investor-pillars article,
.investor-business-grid article,
.project-pipeline-grid article,
.investor-lines div,
.investor-process div {
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 16px 44px rgba(83,82,94,.08);
}

.investor-pillars span,
.project-pipeline-grid span,
.investor-process span {
  display: inline-block;
  color: #f69725;
  font-weight: 1000;
  font-size: 13px;
  letter-spacing: .12em;
  margin-bottom: 12px;
}

.investor-pillars h3,
.investor-business-grid h3,
.project-pipeline-grid h3 {
  margin: 0 0 10px;
  color: #070707;
  font-size: 18px;
  line-height: 1.2;
}

.investor-pillars p,
.investor-business-grid p,
.project-pipeline-grid p,
.investor-lines p,
.investor-process p {
  color: #53525e;
  font-size: 13px;
  line-height: 1.58;
}

.investor-dark {
  max-width: none;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 34px;
  align-items: center;
  background:
    radial-gradient(circle at 78% 15%, rgba(246,151,37,.18), transparent 30%),
    linear-gradient(135deg, #070707, #15131c);
  color: #ffffff;
}

.investor-dark h2,
.investor-dark p {
  color: #ffffff;
}

.investor-dark p {
  opacity: .86;
}

.investor-metric-panel,
.capital-list {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(246,151,37,.35);
  border-radius: 28px;
  padding: 26px;
  box-shadow: inset 0 0 40px rgba(246,151,37,.08);
}

.investor-metric-panel strong {
  display: block;
  color: #f69725;
  margin-bottom: 16px;
  font-size: 18px;
}

.investor-metric-panel span {
  display: inline-block;
  margin: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(246,151,37,.13);
  border: 1px solid rgba(246,151,37,.35);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
}

.investor-lines {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.investor-lines strong {
  display: block;
  margin-bottom: 8px;
  color: #070707;
  font-size: 18px;
}

.capital-list {
  margin: 0;
  list-style: none;
  color: #ffffff;
  columns: 2;
}

.capital-list li {
  break-inside: avoid;
  margin: 0 0 12px;
  padding-left: 20px;
  position: relative;
  font-size: 13px;
  line-height: 1.5;
}

.capital-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #f69725;
  font-weight: 1000;
}

.investor-process {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.investor-process strong {
  display: block;
  margin-bottom: 8px;
  color: #070707;
  font-size: 16px;
}

.investor-warning {
  background: #fff7ed;
  border-top: 1px solid #eadfd4;
  border-bottom: 1px solid #eadfd4;
  max-width: none;
}

.investor-final-cta {
  padding: 76px 5vw;
  text-align: center;
  background:
    radial-gradient(circle at 50% 10%, rgba(246,151,37,.22), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
}

.investor-final-cta h2 {
  color: #ffffff;
}

.investor-final-cta p {
  max-width: 840px;
  margin: 0 auto 26px;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  line-height: 1.7;
}

@media(max-width:1100px){
  .investor-hero,
  .investor-dark {
    grid-template-columns: 1fr;
  }

  .investor-pillars,
  .investor-business-grid,
  .project-pipeline-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .investor-process,
  .investor-lines {
    grid-template-columns: 1fr;
  }
}

@media(max-width:700px){
  .investor-hero {
    padding-top: 48px;
  }

  .investor-pillars,
  .investor-business-grid,
  .project-pipeline-grid {
    grid-template-columns: 1fr;
  }

  .capital-list {
    columns: 1;
  }

  .investor-hero-visual object {
    min-height: 280px;
  }
}

/* ============================================================
   Investor page hero correction
   ============================================================ */

.investor-hero-copy h1 {
  font-size: clamp(30px, 3.2vw, 48px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  max-width: 720px !important;
}

.investor-hero-copy {
  max-width: 760px !important;
}

.investor-lead {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.investor-hero {
  grid-template-columns: 1.05fr 0.95fr !important;
  gap: 28px !important;
  align-items: center !important;
}

.investor-hero-visual {
  max-width: 70% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  border-radius: 26px !important;
}

.investor-hero-visual object,
.investor-hero-visual img {
  min-height: 320px !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
}

@media(max-width:1100px){
  .investor-hero {
    grid-template-columns: 1fr !important;
  }

  .investor-hero-visual {
    max-width: 82% !important;
    margin: 0 auto !important;
  }

  .investor-hero-copy h1 {
    font-size: clamp(28px, 5vw, 40px) !important;
  }
}

@media(max-width:700px){
  .investor-hero-visual {
    max-width: 100% !important;
  }

  .investor-hero-visual object,
  .investor-hero-visual img {
    min-height: 240px !important;
  }
}

/* ============================================================
   Investor page: medium-small section headers
   ============================================================ */

.investor-section h2,
.investor-final-cta h2 {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  max-width: 920px !important;
}

.investor-section h3,
.investor-pillars h3,
.investor-business-grid h3,
.project-pipeline-grid h3 {
  font-size: 16px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.01em !important;
}

.investor-process strong,
.investor-lines strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.investor-section .tag,
.investor-hero .tag,
.investor-final-cta .tag {
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.investor-intro,
.investor-section > p,
.investor-final-cta p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

@media(max-width:700px){
  .investor-section h2,
  .investor-final-cta h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
  }

  .investor-section h3,
  .investor-pillars h3,
  .investor-business-grid h3,
  .project-pipeline-grid h3 {
    font-size: 15px !important;
  }
}

/* ============================================================
   Investor page: medium-small section headers
   ============================================================ */

.investor-section h2,
.investor-final-cta h2 {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.025em !important;
  max-width: 920px !important;
}

.investor-section h3,
.investor-pillars h3,
.investor-business-grid h3,
.project-pipeline-grid h3 {
  font-size: 16px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.01em !important;
}

.investor-process strong,
.investor-lines strong {
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.investor-section .tag,
.investor-hero .tag,
.investor-final-cta .tag {
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.investor-intro,
.investor-section > p,
.investor-final-cta p {
  font-size: 14px !important;
  line-height: 1.65 !important;
}

@media(max-width:700px){
  .investor-section h2,
  .investor-final-cta h2 {
    font-size: clamp(22px, 6vw, 30px) !important;
  }

  .investor-section h3,
  .investor-pillars h3,
  .investor-business-grid h3,
  .project-pipeline-grid h3 {
    font-size: 15px !important;
  }
}

/* ============================================================
   Investor Data Room Gateway
   ============================================================ */

.investor-dataroom-section {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr 420px !important;
  gap: 34px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(34,200,255,.16), transparent 34%),
    linear-gradient(135deg, #070707, #15131c) !important;
  color: #ffffff !important;
}

.investor-dataroom-section h2,
.investor-dataroom-section p {
  color: #ffffff !important;
}

.investor-dataroom-section p {
  opacity: .84;
}

.dataroom-access-button {
  margin-top: 18px;
  border: 0;
  border-radius: 999px;
  background: #f69725;
  color: #070707;
  font-weight: 900;
  padding: 14px 22px;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(246,151,37,.28);
}

.dataroom-icon-card {
  border: 1px solid rgba(246,151,37,.38);
  background: rgba(255,255,255,.05);
  border-radius: 30px;
  padding: 14px;
  cursor: pointer;
  box-shadow: 0 28px 88px rgba(0,0,0,.32);
}

.dataroom-icon-card object {
  display: block;
  width: 100%;
  aspect-ratio: 720 / 520;
  pointer-events: none;
  border-radius: 22px;
}

.dataroom-icon-card span {
  display: block;
  padding: 13px 8px 6px;
  color: #f69725;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

.dataroom-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
}

.dataroom-modal.active {
  display: block;
}

.dataroom-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7,7,7,.76);
  backdrop-filter: blur(8px);
}

.dataroom-panel {
  position: relative;
  width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  margin: 24px auto;
  background: #f8f3ed;
  border: 1px solid rgba(246,151,37,.45);
  border-radius: 28px;
  box-shadow: 0 36px 120px rgba(0,0,0,.48);
  padding: 28px;
}

.dataroom-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #070707;
  color: #f69725;
  font-size: 25px;
  font-weight: 900;
  cursor: pointer;
}

.dataroom-panel-header {
  padding-right: 52px;
  margin-bottom: 20px;
}

.dataroom-panel-header h2 {
  margin: 0 0 8px;
  color: #070707;
  font-size: 28px;
  line-height: 1.12;
}

.dataroom-panel-header p {
  margin: 0;
  color: #53525e;
  font-size: 13px;
  line-height: 1.6;
}

.dataroom-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.dataroom-form label {
  display: block;
  margin-bottom: 14px;
  color: #070707;
  font-size: 12px;
  font-weight: 900;
}

.dataroom-form input,
.dataroom-form textarea {
  width: 100%;
  border: 1px solid #eadfd4;
  border-radius: 14px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: 13px;
  background: #ffffff;
  color: #070707;
}

.dataroom-form textarea {
  resize: vertical;
}

.dataroom-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.dataroom-actions button {
  border: 0;
  border-radius: 999px;
  background: #f69725;
  color: #070707;
  font-weight: 900;
  padding: 12px 16px;
  cursor: pointer;
}

.dataroom-actions button:nth-child(2) {
  background: #070707;
  color: #f69725;
}

.dataroom-note {
  margin-top: 14px !important;
  color: #53525e !important;
  font-size: 12px !important;
}

.dataroom-page {
  background: #f8f3ed;
}

.dataroom-hero {
  padding: 70px 5vw 44px;
  background:
    radial-gradient(circle at 80% 16%, rgba(246,151,37,.22), transparent 30%),
    linear-gradient(135deg, #070707, #17141d);
  color: #ffffff;
}

.dataroom-hero h1 {
  margin: 0 0 14px;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.05;
}

.dataroom-hero p {
  max-width: 900px;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.7;
}

.dataroom-content {
  padding: 48px 5vw 70px;
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dataroom-content article {
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 16px 44px rgba(83,82,94,.08);
}

.dataroom-content span {
  color: #f69725;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .14em;
}

.dataroom-content h2 {
  margin: 10px 0;
  color: #070707;
  font-size: 17px;
}

.dataroom-content p {
  color: #53525e;
  font-size: 13px;
  line-height: 1.55;
}

@media(max-width:1000px){
  .investor-dataroom-section {
    grid-template-columns: 1fr !important;
  }

  .dataroom-icon-card {
    max-width: 520px;
    margin: 0 auto;
  }

  .dataroom-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:700px){
  .dataroom-form-grid,
  .dataroom-content {
    grid-template-columns: 1fr;
  }

  .dataroom-panel {
    padding: 20px;
    border-radius: 20px;
  }
}

/* ============================================================
   Investor hero: push text and image upward by approximately 1cm
   ============================================================ */

.investor-hero-copy {
  transform: translateY(-38px) !important;
}

.investor-hero-visual {
  transform: translateY(-38px) !important;
}

/* Reframe the existing floating animation so the image remains 1cm higher */
@keyframes investorFloat {
  0%, 100% { transform: translateY(-38px); }
  50% { transform: translateY(-48px); }
}

@media(max-width:1100px){
  .investor-hero-copy {
    transform: translateY(-24px) !important;
  }

  .investor-hero-visual {
    transform: translateY(-24px) !important;
  }

  @keyframes investorFloat {
    0%, 100% { transform: translateY(-24px); }
    50% { transform: translateY(-34px); }
  }
}

@media(max-width:700px){
  .investor-hero-copy,
  .investor-hero-visual {
    transform: translateY(-14px) !important;
  }

  @keyframes investorFloat {
    0%, 100% { transform: translateY(-14px); }
    50% { transform: translateY(-22px); }
  }
}

/* ============================================================
   Investor hero: second upward adjustment, total approximately 2cm
   ============================================================ */

.investor-hero-copy {
  transform: translateY(-76px) !important;
}

.investor-hero-visual {
  transform: translateY(-76px) !important;
}

/* Keep the animated image floating while remaining higher */
@keyframes investorFloat {
  0%, 100% { transform: translateY(-76px); }
  50% { transform: translateY(-88px); }
}

@media(max-width:1100px){
  .investor-hero-copy {
    transform: translateY(-48px) !important;
  }

  .investor-hero-visual {
    transform: translateY(-48px) !important;
  }

  @keyframes investorFloat {
    0%, 100% { transform: translateY(-48px); }
    50% { transform: translateY(-58px); }
  }
}

@media(max-width:700px){
  .investor-hero-copy,
  .investor-hero-visual {
    transform: translateY(-28px) !important;
  }

  @keyframes investorFloat {
    0%, 100% { transform: translateY(-28px); }
    50% { transform: translateY(-36px); }
  }
}

/* ============================================================
   Restore previous text-only navbar
   ============================================================ */

header nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 13px !important;
}

header nav a {
  display: inline-block !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

header nav a:hover {
  color: #f69725 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

header nav .nav-icon,
header nav .nav-icon svg {
  display: none !important;
}

/* ============================================================
   Small corporate navbar icons
   ============================================================ */

header nav.mini-icon-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

header nav.mini-icon-nav a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

header nav.mini-icon-nav a:hover {
  color: #f69725 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

header nav.mini-icon-nav .mini-nav-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  color: #f69725 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  opacity: .95 !important;
}

header nav.mini-icon-nav .investor-mini-icon {
  color: #ffb157 !important;
  text-shadow: 0 0 8px rgba(246,151,37,.35) !important;
}

header nav.mini-icon-nav a:hover .mini-nav-icon {
  color: #ffb157 !important;
  opacity: 1 !important;
}

@media(max-width:1100px){
  header nav.mini-icon-nav {
    justify-content: center !important;
    gap: 8px !important;
  }

  header nav.mini-icon-nav a {
    font-size: 12px !important;
    gap: 3px !important;
  }

  header nav.mini-icon-nav .mini-nav-icon {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    font-size: 9px !important;
  }
}

@media(max-width:700px){
  header nav.mini-icon-nav {
    justify-content: flex-start !important;
  }

  header nav.mini-icon-nav a {
    font-size: 11px !important;
  }
}

/* Exact investor hero replacement image */
.investor-hero-image-link{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  overflow:hidden;
  text-decoration:none;
}

.investor-hero-image-link img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
  border-radius:inherit;
  box-shadow:none;
}

/* ============================================================
   Upgraded Protected Data Room Page
   ============================================================ */

.dataroom-upgraded {
  background: #f8f3ed;
}

.dataroom-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.dataroom-hero-badges span {
  display: inline-block;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(246,151,37,.14);
  border: 1px solid rgba(246,151,37,.35);
  color: #f69725;
  font-size: 12px;
  font-weight: 900;
}

.dataroom-intro-panel {
  padding: 54px 5vw;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 28px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

.dataroom-intro-panel h2,
.dataroom-map-section h2,
.dataroom-process-section h2,
.dataroom-projects-section h2,
.dataroom-disclosure h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.14;
  color: #070707;
  letter-spacing: -0.025em;
}

.dataroom-intro-panel p,
.dataroom-map-section p,
.dataroom-process-section p,
.dataroom-projects-section p,
.dataroom-disclosure p {
  color: #53525e;
  font-size: 14px;
  line-height: 1.65;
}

.dataroom-control-card {
  background:
    radial-gradient(circle at 80% 10%, rgba(246,151,37,.22), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
  border: 1px solid rgba(246,151,37,.38);
  border-radius: 26px;
  padding: 26px;
  color: #ffffff;
  box-shadow: 0 26px 80px rgba(7,7,7,.24);
}

.dataroom-control-card strong {
  display: block;
  margin-bottom: 10px;
  color: #f69725;
  font-size: 18px;
}

.dataroom-control-card p {
  color: rgba(255,255,255,.78);
  margin: 0;
}

.dataroom-map-section,
.dataroom-process-section,
.dataroom-projects-section,
.dataroom-disclosure {
  padding: 58px 5vw;
  max-width: 1280px;
  margin: 0 auto;
}

.dataroom-folder-grid {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dataroom-folder-grid article,
.dataroom-process div,
.dataroom-project-list article {
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 16px 44px rgba(83,82,94,.08);
}

.dataroom-folder-grid span,
.dataroom-process span {
  display: inline-block;
  margin-bottom: 10px;
  color: #f69725;
  font-weight: 1000;
  font-size: 12px;
  letter-spacing: .14em;
}

.dataroom-folder-grid h3 {
  margin: 0 0 9px;
  color: #070707;
  font-size: 16px;
  line-height: 1.2;
}

.dataroom-folder-grid p,
.dataroom-process p,
.dataroom-project-list p {
  margin: 0;
  color: #53525e;
  font-size: 12.5px;
  line-height: 1.55;
}

.dataroom-process-section {
  max-width: none;
  background:
    radial-gradient(circle at 82% 14%, rgba(246,151,37,.16), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
}

.dataroom-process-section h2,
.dataroom-process-section p {
  color: #ffffff;
}

.dataroom-process {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1280px;
}

.dataroom-process div {
  background: rgba(255,255,255,.06);
  border-color: rgba(246,151,37,.32);
}

.dataroom-process strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 15px;
}

.dataroom-process p {
  color: rgba(255,255,255,.74);
}

.dataroom-project-list {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dataroom-project-list strong {
  display: block;
  margin-bottom: 8px;
  color: #070707;
  font-size: 15px;
}

.dataroom-disclosure {
  background: #fff7ed;
  border-top: 1px solid #eadfd4;
  border-bottom: 1px solid #eadfd4;
  max-width: none;
}

@media(max-width:1100px){
  .dataroom-intro-panel {
    grid-template-columns: 1fr;
  }

  .dataroom-folder-grid,
  .dataroom-project-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .dataroom-process {
    grid-template-columns: 1fr;
  }
}

@media(max-width:700px){
  .dataroom-folder-grid,
  .dataroom-project-list {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Upgraded Protected Data Room Page
   ============================================================ */

.dataroom-upgraded {
  background: #f8f3ed;
}

.dataroom-hero-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.dataroom-hero-badges span {
  display: inline-block;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(246,151,37,.14);
  border: 1px solid rgba(246,151,37,.35);
  color: #f69725;
  font-size: 12px;
  font-weight: 900;
}

.dataroom-intro-panel {
  padding: 54px 5vw;
  display: grid;
  grid-template-columns: 1.3fr .7fr;
  gap: 28px;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

.dataroom-intro-panel h2,
.dataroom-map-section h2,
.dataroom-process-section h2,
.dataroom-projects-section h2,
.dataroom-disclosure h2 {
  margin: 0 0 14px;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.14;
  color: #070707;
  letter-spacing: -0.025em;
}

.dataroom-intro-panel p,
.dataroom-map-section p,
.dataroom-process-section p,
.dataroom-projects-section p,
.dataroom-disclosure p {
  color: #53525e;
  font-size: 14px;
  line-height: 1.65;
}

.dataroom-control-card {
  background:
    radial-gradient(circle at 80% 10%, rgba(246,151,37,.22), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
  border: 1px solid rgba(246,151,37,.38);
  border-radius: 26px;
  padding: 26px;
  color: #ffffff;
  box-shadow: 0 26px 80px rgba(7,7,7,.24);
}

.dataroom-control-card strong {
  display: block;
  margin-bottom: 10px;
  color: #f69725;
  font-size: 18px;
}

.dataroom-control-card p {
  color: rgba(255,255,255,.78);
  margin: 0;
}

.dataroom-map-section,
.dataroom-process-section,
.dataroom-projects-section,
.dataroom-disclosure {
  padding: 58px 5vw;
  max-width: 1280px;
  margin: 0 auto;
}

.dataroom-folder-grid {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dataroom-folder-grid article,
.dataroom-process div,
.dataroom-project-list article {
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 16px 44px rgba(83,82,94,.08);
}

.dataroom-folder-grid span,
.dataroom-process span {
  display: inline-block;
  margin-bottom: 10px;
  color: #f69725;
  font-weight: 1000;
  font-size: 12px;
  letter-spacing: .14em;
}

.dataroom-folder-grid h3 {
  margin: 0 0 9px;
  color: #070707;
  font-size: 16px;
  line-height: 1.2;
}

.dataroom-folder-grid p,
.dataroom-process p,
.dataroom-project-list p {
  margin: 0;
  color: #53525e;
  font-size: 12.5px;
  line-height: 1.55;
}

.dataroom-process-section {
  max-width: none;
  background:
    radial-gradient(circle at 82% 14%, rgba(246,151,37,.16), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
}

.dataroom-process-section h2,
.dataroom-process-section p {
  color: #ffffff;
}

.dataroom-process {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  max-width: 1280px;
}

.dataroom-process div {
  background: rgba(255,255,255,.06);
  border-color: rgba(246,151,37,.32);
}

.dataroom-process strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 15px;
}

.dataroom-process p {
  color: rgba(255,255,255,.74);
}

.dataroom-project-list {
  margin-top: 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.dataroom-project-list strong {
  display: block;
  margin-bottom: 8px;
  color: #070707;
  font-size: 15px;
}

.dataroom-disclosure {
  background: #fff7ed;
  border-top: 1px solid #eadfd4;
  border-bottom: 1px solid #eadfd4;
  max-width: none;
}

@media(max-width:1100px){
  .dataroom-intro-panel {
    grid-template-columns: 1fr;
  }

  .dataroom-folder-grid,
  .dataroom-project-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .dataroom-process {
    grid-template-columns: 1fr;
  }
}

@media(max-width:700px){
  .dataroom-folder-grid,
  .dataroom-project-list {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Investor popup: Data Room login fields
   ============================================================ */

.dataroom-login-panel {
  display: none;
  margin-top: 18px;
  padding: 20px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 12%, rgba(246,151,37,.18), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
  border: 1px solid rgba(246,151,37,.38);
  box-shadow: inset 0 0 40px rgba(246,151,37,.08);
}

.dataroom-login-panel.active {
  display: block;
}

.dataroom-login-panel h3 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 19px;
  line-height: 1.2;
}

.dataroom-login-panel p {
  margin: 0 0 14px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.55;
}

.dataroom-login-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.dataroom-login-grid label {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.dataroom-login-grid input {
  width: 100%;
  margin-top: 6px;
  border: 1px solid rgba(246,151,37,.35);
  border-radius: 14px;
  padding: 11px 12px;
  font-family: inherit;
  font-size: 13px;
  background: #ffffff;
  color: #070707;
}

.dataroom-login-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.dataroom-login-actions button {
  border: 0;
  border-radius: 999px;
  padding: 11px 16px;
  cursor: pointer;
  font-weight: 900;
  background: #f69725;
  color: #070707;
}

.dataroom-login-actions button:nth-child(2) {
  background: rgba(255,255,255,.12);
  color: #ffffff;
}

.dataroom-login-error {
  margin-top: 12px !important;
  color: #ffb157 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media(max-width:700px){
  .dataroom-login-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Investor final CTA: Fintech Cybernetic positioning
   ============================================================ */

.investor-cybernetic-cta {
  padding: 78px 5vw !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(246,151,37,.24), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(34,200,255,.16), transparent 30%),
    linear-gradient(135deg, #070707, #15131c) !important;
}

.investor-cybernetic-cta h2 {
  max-width: 980px !important;
  margin: 0 auto 20px !important;
  color: #ffffff !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.investor-cybernetic-cta > p {
  max-width: 980px !important;
  margin: 0 auto 16px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.investor-cybernetic-cta strong {
  color: #f69725 !important;
}

.cybernetic-finance-grid {
  max-width: 1120px;
  margin: 34px auto 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.cybernetic-finance-grid article {
  text-align: left;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(246,151,37,.30);
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 20px;
  box-shadow: inset 0 0 34px rgba(246,151,37,.06);
}

.cybernetic-finance-grid span {
  display: inline-block;
  margin-bottom: 10px;
  color: #f69725;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .14em;
}

.cybernetic-finance-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff !important;
  font-size: 16px;
}

.cybernetic-finance-grid p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 12.5px;
  line-height: 1.55;
}

.cybernetic-investor-line {
  font-weight: 700 !important;
  color: rgba(255,255,255,.88) !important;
}

@media(max-width:1000px){
  .cybernetic-finance-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:700px){
  .cybernetic-finance-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Investor final CTA: Fintech Cybernetic positioning
   ============================================================ */

.investor-cybernetic-cta {
  padding: 78px 5vw !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(246,151,37,.24), transparent 34%),
    radial-gradient(circle at 82% 20%, rgba(34,200,255,.16), transparent 30%),
    linear-gradient(135deg, #070707, #15131c) !important;
}

.investor-cybernetic-cta h2 {
  max-width: 980px !important;
  margin: 0 auto 20px !important;
  color: #ffffff !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.investor-cybernetic-cta > p {
  max-width: 980px !important;
  margin: 0 auto 16px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.investor-cybernetic-cta strong {
  color: #f69725 !important;
}

.cybernetic-finance-grid {
  max-width: 1120px;
  margin: 34px auto 28px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.cybernetic-finance-grid article {
  text-align: left;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(246,151,37,.30);
  border-left: 5px solid #f69725;
  border-radius: 22px;
  padding: 20px;
  box-shadow: inset 0 0 34px rgba(246,151,37,.06);
}

.cybernetic-finance-grid span {
  display: inline-block;
  margin-bottom: 10px;
  color: #f69725;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .14em;
}

.cybernetic-finance-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #ffffff !important;
  font-size: 16px;
}

.cybernetic-finance-grid p {
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 12.5px;
  line-height: 1.55;
}

.cybernetic-investor-line {
  font-weight: 700 !important;
  color: rgba(255,255,255,.88) !important;
}

@media(max-width:1000px){
  .cybernetic-finance-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:700px){
  .cybernetic-finance-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Homepage Engagement Popup Forms
   ============================================================ */

.engagement-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.engagement-modal.active {
  display: flex;
}

.engagement-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7,7,7,.72);
  backdrop-filter: blur(7px);
}

.engagement-modal-panel {
  position: relative;
  width: min(680px, 94vw);
  max-height: 90vh;
  overflow: auto;
  border-radius: 28px;
  padding: 34px;
  background:
    radial-gradient(circle at 84% 10%, rgba(246,151,37,.20), transparent 32%),
    linear-gradient(135deg, #070707, #15131c);
  border: 1px solid rgba(246,151,37,.42);
  box-shadow: 0 34px 100px rgba(0,0,0,.45);
  color: #ffffff;
}

.engagement-modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.engagement-modal-panel h2 {
  margin: 8px 0 12px;
  color: #ffffff;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.03em;
}

.engagement-modal-panel > p {
  color: rgba(255,255,255,.76);
  font-size: 14px;
  line-height: 1.65;
  margin-bottom: 22px;
}

.engagement-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.engagement-form-grid label {
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

.engagement-form-grid input {
  width: 100%;
  margin-top: 7px;
  border: 1px solid rgba(246,151,37,.34);
  border-radius: 15px;
  padding: 12px 13px;
  font-family: inherit;
  font-size: 13px;
  background: #ffffff;
  color: #070707;
  outline: none;
}

.engagement-form-grid input:focus {
  border-color: #f69725;
  box-shadow: 0 0 0 4px rgba(246,151,37,.18);
}

.engagement-form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.engagement-form-actions button {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  cursor: pointer;
  font-weight: 1000;
  background: #f69725;
  color: #070707;
}

.engagement-form-actions button:nth-child(2) {
  background: rgba(255,255,255,.12);
  color: #ffffff;
}

@media(max-width:700px){
  .engagement-modal-panel {
    padding: 28px 20px;
  }

  .engagement-form-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Forced Homepage Engagement Popup Forms
   ============================================================ */

.engagement-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.engagement-modal.active {
  display: flex !important;
}

.engagement-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(7,7,7,.74) !important;
  backdrop-filter: blur(7px) !important;
}

.engagement-modal-panel {
  position: relative !important;
  width: min(680px, 94vw) !important;
  max-height: 90vh !important;
  overflow: auto !important;
  border-radius: 28px !important;
  padding: 34px !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(246,151,37,.20), transparent 32%),
    linear-gradient(135deg, #070707, #15131c) !important;
  border: 1px solid rgba(246,151,37,.42) !important;
  box-shadow: 0 34px 100px rgba(0,0,0,.45) !important;
  color: #ffffff !important;
}

.engagement-modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.engagement-modal-panel h2 {
  margin: 8px 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.engagement-modal-panel > p {
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-bottom: 22px !important;
}

.engagement-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

.engagement-form-grid label {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.engagement-form-grid input {
  width: 100% !important;
  margin-top: 7px !important;
  border: 1px solid rgba(246,151,37,.34) !important;
  border-radius: 15px !important;
  padding: 12px 13px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  background: #ffffff !important;
  color: #070707 !important;
  outline: none !important;
}

.engagement-form-grid input:focus {
  border-color: #f69725 !important;
  box-shadow: 0 0 0 4px rgba(246,151,37,.18) !important;
}

.engagement-form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.engagement-form-actions button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  cursor: pointer !important;
  font-weight: 1000 !important;
  background: #f69725 !important;
  color: #070707 !important;
}

.engagement-form-actions button:nth-child(2) {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
}

@media(max-width:700px){
  .engagement-modal-panel {
    padding: 28px 20px !important;
  }

  .engagement-form-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Partners Page: Banking Relationship Architecture
   ============================================================ */

header nav.mini-icon-nav .partner-mini-icon {
  color: #22c8ff !important;
  text-shadow: 0 0 8px rgba(34,200,255,.35) !important;
}

.partners-page {
  background: #f8f3ed;
}

.partners-hero {
  min-height: 680px;
  padding: 120px 5vw 70px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 38px;
  align-items: center;
  background:
    radial-gradient(circle at 78% 20%, rgba(34,200,255,.15), transparent 32%),
    radial-gradient(circle at 20% 18%, rgba(246,151,37,.18), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
  color: #ffffff;
}

.partners-hero-copy h1 {
  max-width: 760px;
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.partners-hero-copy p {
  max-width: 760px;
  color: rgba(255,255,255,.78);
  font-size: 15px;
  line-height: 1.7;
}

.partner-cybernetic-icon {
  width: min(520px, 100%);
  margin-left: auto;
  filter: drop-shadow(0 30px 80px rgba(0,0,0,.35));
}

.partner-cybernetic-icon svg {
  width: 100%;
  height: auto;
}

.partner-cybernetic-icon .orbit {
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 12 12;
  transform-origin: 260px 260px;
}

.partner-cybernetic-icon .orbit-one {
  stroke: rgba(246,151,37,.72);
  animation: partnerOrbitSpin 24s linear infinite;
}

.partner-cybernetic-icon .orbit-two {
  stroke: rgba(34,200,255,.58);
  animation: partnerOrbitSpinReverse 18s linear infinite;
}

.partner-cybernetic-icon .hub {
  fill: rgba(246,151,37,.16);
  stroke: #f69725;
  stroke-width: 3;
}

.partner-cybernetic-icon .hub-title {
  fill: #ffffff;
  font-size: 28px;
  font-weight: 900;
}

.partner-cybernetic-icon .hub-subtitle {
  fill: rgba(255,255,255,.72);
  font-size: 13px;
  letter-spacing: .06em;
}

.partner-cybernetic-icon .node circle {
  fill: rgba(255,255,255,.07);
  stroke: rgba(34,200,255,.82);
  stroke-width: 2;
}

.partner-cybernetic-icon .node text {
  fill: #ffffff;
  font-size: 13px;
  font-weight: 800;
}

.partner-cybernetic-icon .pulse-line {
  stroke: #f69725;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 10 14;
  animation: partnerPulseLine 2.2s linear infinite;
}

@keyframes partnerOrbitSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes partnerOrbitSpinReverse {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}

@keyframes partnerPulseLine {
  from { stroke-dashoffset: 0; opacity: .38; }
  50% { opacity: 1; }
  to { stroke-dashoffset: -48; opacity: .38; }
}

.partners-bank-section,
.partners-relationship-section {
  padding: 68px 5vw;
  max-width: 1280px;
  margin: 0 auto;
}

.partners-bank-section h2,
.partners-relationship-section h2 {
  margin: 0 0 14px;
  color: #070707;
  font-size: clamp(26px, 2.8vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.partners-section-intro {
  max-width: 880px;
  color: #53525e;
  font-size: 14px;
  line-height: 1.65;
}

.partner-bank-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

.partner-bank-card {
  background: #ffffff;
  border: 1px solid #eadfd4;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 18px 48px rgba(83,82,94,.10);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 290px;
}

.partner-bank-logo-wrap {
  height: 92px;
  border-radius: 18px;
  background: #fff7ed;
  border: 1px solid rgba(246,151,37,.22);
  display: grid;
  place-items: center;
  padding: 14px;
}

.partner-bank-logo-wrap img {
  max-width: 100%;
  max-height: 62px;
  object-fit: contain;
}

.partner-bank-card h3 {
  margin: 0 0 8px;
  color: #070707;
  font-size: 16px;
  line-height: 1.2;
}

.partner-bank-card p {
  margin: 0 0 12px;
  color: #53525e;
  font-size: 12.5px;
  line-height: 1.55;
}

.partner-bank-card a {
  color: #f69725;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.partners-relationship-section {
  max-width: none;
  background:
    radial-gradient(circle at 84% 16%, rgba(246,151,37,.18), transparent 34%),
    linear-gradient(135deg, #070707, #15131c);
}

.partners-relationship-section h2,
.partners-relationship-section .tag {
  color: #ffffff;
}

.partner-model-grid {
  max-width: 1280px;
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.partner-model-grid article {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(246,151,37,.32);
  border-left: 5px solid #f69725;
  border-radius: 24px;
  padding: 24px;
}

.partner-model-grid span {
  display: inline-block;
  margin-bottom: 12px;
  color: #f69725;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .14em;
}

.partner-model-grid h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.2;
}

.partner-model-grid p {
  margin: 0;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.6;
}

.partners-disclosure {
  padding: 34px 5vw;
  background: #fff7ed;
  border-top: 1px solid #eadfd4;
  color: #53525e;
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
}

.partners-disclosure p {
  max-width: 1180px;
  margin: 0 auto;
}

@media(max-width:1200px){
  .partner-bank-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .partner-model-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:900px){
  .partners-hero {
    grid-template-columns: 1fr;
    padding-top: 100px;
  }

  .partner-cybernetic-icon {
    margin: 0 auto;
  }
}

@media(max-width:700px){
  .partner-bank-grid,
  .partner-model-grid {
    grid-template-columns: 1fr;
  }

  .partners-hero-copy h1 {
    font-size: 34px;
  }
}

/* ============================================================
   Partners page hero: medium text + 2cm upward adjustment
   ============================================================ */

.partners-hero-copy {
  transform: translateY(-76px) !important;
}

.partner-cybernetic-icon {
  transform: translateY(-76px) !important;
}

/* Reduce Partners hero headline to medium professional size */
.partners-hero-copy h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 720px !important;
}

/* Slightly reduce paragraph size for better balance */
.partners-hero-copy p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  max-width: 720px !important;
}

/* Keep hero visually compact after upward movement */
.partners-hero {
  min-height: 620px !important;
  padding-top: 92px !important;
  padding-bottom: 42px !important;
}

@media(max-width:900px){
  .partners-hero-copy,
  .partner-cybernetic-icon {
    transform: translateY(-46px) !important;
  }

  .partners-hero-copy h1 {
    font-size: clamp(27px, 6vw, 36px) !important;
  }

  .partners-hero {
    padding-top: 90px !important;
  }
}

@media(max-width:700px){
  .partners-hero-copy,
  .partner-cybernetic-icon {
    transform: translateY(-24px) !important;
  }

  .partners-hero-copy h1 {
    font-size: 28px !important;
  }
}

/* ============================================================
   Partners page hero: medium text + 2cm upward adjustment
   ============================================================ */

.partners-hero-copy {
  transform: translateY(-76px) !important;
}

.partner-cybernetic-icon {
  transform: translateY(-76px) !important;
}

/* Reduce Partners hero headline to medium professional size */
.partners-hero-copy h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 720px !important;
}

/* Slightly reduce paragraph size for better balance */
.partners-hero-copy p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  max-width: 720px !important;
}

/* Keep hero visually compact after upward movement */
.partners-hero {
  min-height: 620px !important;
  padding-top: 92px !important;
  padding-bottom: 42px !important;
}

@media(max-width:900px){
  .partners-hero-copy,
  .partner-cybernetic-icon {
    transform: translateY(-46px) !important;
  }

  .partners-hero-copy h1 {
    font-size: clamp(27px, 6vw, 36px) !important;
  }

  .partners-hero {
    padding-top: 90px !important;
  }
}

@media(max-width:700px){
  .partners-hero-copy,
  .partner-cybernetic-icon {
    transform: translateY(-24px) !important;
  }

  .partners-hero-copy h1 {
    font-size: 28px !important;
  }
}

/* ============================================================
   Real MobiCash logo in header
   ============================================================ */

.brand-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  line-height: 0;
}

.brand-logo-img {
  display: block;
  width: auto;
  height: 52px;
  max-width: 220px;
  object-fit: contain;
}

@media (max-width: 900px) {
  .brand-logo-img {
    height: 44px;
    max-width: 190px;
  }
}

@media (max-width: 640px) {
  .brand-logo-img {
    height: 38px;
    max-width: 170px;
  }
}

/* ============================================================
   Final real MobiCash logo header alignment
   ============================================================ */

header {
  min-height: 66px !important;
  padding: 8px 5vw !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}

.brand-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.brand-logo-img {
  display: block !important;
  width: auto !important;
  height: 48px !important;
  max-width: 210px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

header nav,
header nav.mini-icon-nav {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}

header .logo {
  display: none !important;
}

@media(max-width:1100px){
  .brand-logo-img {
    height: 43px !important;
    max-width: 190px !important;
  }
}

@media(max-width:700px){
  header {
    gap: 12px !important;
  }

  .brand-logo-img {
    height: 38px !important;
    max-width: 170px !important;
  }
}

/* ============================================================
   FORCE VISIBLE MOBICASH LOGO — final override
   ============================================================ */

header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  min-height: 78px !important;
  height: auto !important;
  padding: 10px 5vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  overflow: visible !important;
  background: rgba(248,243,237,.96) !important;
  border-bottom: 1px solid rgba(7,7,7,.08) !important;
}

header .brand-logo-link {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 230px !important;
  width: 230px !important;
  height: 58px !important;
  min-width: 230px !important;
  min-height: 58px !important;
  max-width: 230px !important;
  max-height: 58px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 10001 !important;
  background: transparent !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

header .brand-logo-img {
  display: block !important;
  width: 200px !important;
  height: auto !important;
  max-width: 200px !important;
  max-height: 65px !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 10002 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

header nav,
header nav.mini-icon-nav {
  flex: 1 1 auto !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 10000 !important;
}

header .logo {
  display: none !important;
}

@media(max-width:1100px){
  header .brand-logo-link {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
  }

  header .brand-logo-img {
    width: 185px !important;
    max-width: 185px !important;
  }
}

@media(max-width:700px){
  header {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  header .brand-logo-link {
    flex-basis: 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    height: 48px !important;
  }

  header .brand-logo-img {
    width: 160px !important;
    max-width: 160px !important;
  }
}

/* ============================================================
   ABSOLUTE FIX: visible MobiCash logo in header
   ============================================================ */

header.site-header-fixed-logo {
  position: sticky !important;
  top: 0 !important;
  z-index: 999999 !important;
  min-height: 82px !important;
  height: 82px !important;
  padding: 8px 5vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
  overflow: visible !important;
  background: rgba(248,243,237,.98) !important;
  border-bottom: 1px solid rgba(7,7,7,.10) !important;
}

header.site-header-fixed-logo .brand-logo-link,
header.site-header-fixed-logo .forced-mobicash-logo {
  display: block !important;
  flex: 0 0 235px !important;
  width: 235px !important;
  min-width: 235px !important;
  height: 66px !important;
  min-height: 66px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 1000001 !important;
  overflow: visible !important;
  background-image: url("/assets/mobicash-logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 205px auto !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

header.site-header-fixed-logo .brand-logo-img {
  display: block !important;
  width: 205px !important;
  height: auto !important;
  max-width: 205px !important;
  max-height: 66px !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 1000002 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.site-header-fixed-logo nav,
header.site-header-fixed-logo nav.mini-icon-nav {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-left: auto !important;
  position: relative !important;
  z-index: 1000000 !important;
}

header.site-header-fixed-logo .logo {
  display: none !important;
}

@media(max-width:1100px){
  header.site-header-fixed-logo {
    height: auto !important;
    min-height: 78px !important;
  }

  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    background-size: 180px auto !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 180px !important;
    max-width: 180px !important;
  }
}

@media(max-width:700px){
  header.site-header-fixed-logo {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    height: 52px !important;
    background-size: 155px auto !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 155px !important;
    max-width: 155px !important;
  }
}

/* ============================================================
   FINAL FIX: SVG MobiCash logo visibility
   ============================================================ */

header.site-header-fixed-logo .brand-logo-link,
header.site-header-fixed-logo .forced-mobicash-logo,
header .brand-logo-link {
  display: block !important;
  width: 235px !important;
  min-width: 235px !important;
  height: 70px !important;
  min-height: 70px !important;
  background-image: url("/assets/mobicash-logo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 205px auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1000001 !important;
}

header.site-header-fixed-logo .brand-logo-img,
header .brand-logo-img {
  display: block !important;
  width: 205px !important;
  height: auto !important;
  max-width: 205px !important;
  max-height: 70px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}

@media(max-width:1100px){
  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo,
  header .brand-logo-link {
    width: 205px !important;
    min-width: 205px !important;
    background-size: 180px auto !important;
  }

  header.site-header-fixed-logo .brand-logo-img,
  header .brand-logo-img {
    width: 180px !important;
    max-width: 180px !important;
  }
}

@media(max-width:700px){
  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo,
  header .brand-logo-link {
    width: 165px !important;
    min-width: 165px !important;
    height: 55px !important;
    background-size: 155px auto !important;
  }

  header.site-header-fixed-logo .brand-logo-img,
  header .brand-logo-img {
    width: 155px !important;
    max-width: 155px !important;
  }
}

/* ============================================================
   FINAL: true PNG MobiCash logo, no distortion
   ============================================================ */

header.site-header-fixed-logo {
  position: sticky !important;
  top: 0 !important;
  z-index: 999999 !important;
  min-height: 86px !important;
  height: 86px !important;
  padding: 8px 5vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
  overflow: visible !important;
  background: rgba(248,243,237,.98) !important;
  border-bottom: 1px solid rgba(7,7,7,.10) !important;
}

header.site-header-fixed-logo .brand-logo-link,
header.site-header-fixed-logo .forced-mobicash-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 235px !important;
  width: 235px !important;
  min-width: 235px !important;
  height: 70px !important;
  min-height: 70px !important;
  background: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

header.site-header-fixed-logo .brand-logo-img {
  display: block !important;
  width: 200px !important;
  height: 65px !important;
  max-width: 200px !important;
  max-height: 65px !important;
  min-width: 200px !important;
  min-height: 65px !important;
  object-fit: contain !important;
  object-position: left center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.site-header-fixed-logo nav,
header.site-header-fixed-logo nav.mini-icon-nav {
  flex: 1 1 auto !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

header.site-header-fixed-logo .inline-mobicash-logo,
header.site-header-fixed-logo svg.brand-logo-img {
  display: none !important;
}

@media(max-width:1100px){
  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 180px !important;
    height: auto !important;
    max-width: 180px !important;
    min-width: 180px !important;
    min-height: 0 !important;
  }
}

@media(max-width:700px){
  header.site-header-fixed-logo {
    height: auto !important;
    min-height: 78px !important;
    gap: 12px !important;
  }

  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    height: 56px !important;
    min-height: 56px !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 155px !important;
    height: auto !important;
    max-width: 155px !important;
    min-width: 155px !important;
    min-height: 0 !important;
  }
}

/* ============================================================
   FINAL: real crawled MobiCash logo from public image source
   ============================================================ */

header.site-header-fixed-logo {
  position: sticky !important;
  top: 0 !important;
  z-index: 999999 !important;
  min-height: 82px !important;
  height: 82px !important;
  padding: 8px 5vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 26px !important;
  overflow: visible !important;
  background: rgba(248,243,237,.98) !important;
  border-bottom: 1px solid rgba(7,7,7,.10) !important;
}

header.site-header-fixed-logo .brand-logo-link,
header.site-header-fixed-logo .forced-mobicash-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 245px !important;
  width: 245px !important;
  min-width: 245px !important;
  height: 68px !important;
  min-height: 68px !important;
  background: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

header.site-header-fixed-logo .brand-logo-img {
  display: block !important;
  width: 230px !important;
  height: auto !important;
  max-width: 230px !important;
  max-height: 68px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.site-header-fixed-logo svg.brand-logo-img,
header.site-header-fixed-logo .inline-mobicash-logo {
  display: none !important;
}

header.site-header-fixed-logo nav,
header.site-header-fixed-logo nav.mini-icon-nav {
  flex: 1 1 auto !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

@media(max-width:1100px){
  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 210px !important;
    width: 210px !important;
    min-width: 210px !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 195px !important;
    max-width: 195px !important;
  }
}

@media(max-width:700px){
  header.site-header-fixed-logo {
    height: auto !important;
    min-height: 76px !important;
    gap: 12px !important;
  }

  header.site-header-fixed-logo .brand-logo-link,
  header.site-header-fixed-logo .forced-mobicash-logo {
    flex-basis: 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    height: 54px !important;
    min-height: 54px !important;
  }

  header.site-header-fixed-logo .brand-logo-img {
    width: 160px !important;
    max-width: 160px !important;
  }
}

/* ============================================================
   Data Room Statutory Investor Briefing Popup
   ============================================================ */

.statutory-popup-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.statutory-popup-overlay.active {
  display: flex !important;
}

.statutory-popup-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(7,7,7,.78) !important;
  backdrop-filter: blur(8px) !important;
}

.statutory-popup-panel {
  position: relative !important;
  width: min(1040px, 95vw) !important;
  max-height: 91vh !important;
  overflow: auto !important;
  border-radius: 30px !important;
  padding: 38px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(246,151,37,.26), transparent 32%),
    radial-gradient(circle at 18% 92%, rgba(34,200,255,.13), transparent 28%),
    linear-gradient(135deg, #070707, #15131c) !important;
  border: 1px solid rgba(246,151,37,.46) !important;
  box-shadow: 0 38px 120px rgba(0,0,0,.55) !important;
}

.statutory-popup-close {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  font-size: 25px !important;
  cursor: pointer !important;
}

.statutory-popup-panel h2 {
  max-width: 880px !important;
  margin: 8px 0 16px !important;
  color: #ffffff !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.035em !important;
}

.statutory-lead {
  max-width: 950px !important;
  margin: 0 0 26px !important;
  color: rgba(255,255,255,.80) !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
}

.statutory-highlight-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  margin: 26px 0 !important;
}

.statutory-highlight-grid article {
  padding: 20px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(246,151,37,.30) !important;
  border-left: 5px solid #f69725 !important;
}

.statutory-highlight-grid span {
  display: inline-block !important;
  margin-bottom: 10px !important;
  color: #f69725 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .14em !important;
}

.statutory-highlight-grid strong {
  display: block !important;
  margin-bottom: 8px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.statutory-highlight-grid p,
.statutory-bnr-note p,
.statutory-remediation-path li,
.statutory-disclaimer {
  color: rgba(255,255,255,.74) !important;
  font-size: 12.8px !important;
  line-height: 1.62 !important;
}

.statutory-bnr-note,
.statutory-remediation-path {
  margin-top: 20px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(34,200,255,.22) !important;
}

.statutory-bnr-note h3,
.statutory-remediation-path h3 {
  margin: 0 0 10px !important;
  color: #f69725 !important;
  font-size: 18px !important;
}

.statutory-remediation-path ul {
  margin: 0 !important;
  padding-left: 20px !important;
}

.statutory-remediation-path li {
  margin-bottom: 7px !important;
}

.statutory-disclaimer {
  margin: 22px 0 0 !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(246,151,37,.10) !important;
  border: 1px solid rgba(246,151,37,.25) !important;
}

.statutory-popup-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

.statutory-popup-actions button,
.statutory-popup-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 18px !important;
  background: #f69725 !important;
  color: #070707 !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.statutory-popup-actions a {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

@media(max-width:1100px){
  .statutory-highlight-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media(max-width:700px){
  .statutory-popup-panel {
    padding: 28px 20px !important;
  }

  .statutory-highlight-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Investor hero: Data Room access button
   ============================================================ */

.hero-dataroom-access-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 12px !important;
  margin-top: 10px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f69725, #ffb157) !important;
  color: #070707 !important;
  text-decoration: none !important;
  font-weight: 1000 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  box-shadow: 0 16px 38px rgba(246,151,37,.25) !important;
  border: 1px solid rgba(246,151,37,.45) !important;
}

.hero-dataroom-access-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 48px rgba(246,151,37,.34) !important;
}

@media(max-width:700px){
  .hero-dataroom-access-btn {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

/* Data Room popup: attached due-diligence document links */
.statutory-document-links {
  margin-top: 20px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(246,151,37,.30) !important;
}

.statutory-document-links h3 {
  margin: 0 0 10px !important;
  color: #f69725 !important;
  font-size: 18px !important;
}

.statutory-document-links > p {
  margin: 0 0 16px !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 12.8px !important;
  line-height: 1.62 !important;
}

.statutory-doc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 14px !important;
}

.statutory-doc-card {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  column-gap: 14px !important;
  row-gap: 5px !important;
  align-items: start !important;
  padding: 18px !important;
  border-radius: 20px !important;
  background: rgba(7,7,7,.34) !important;
  border: 1px solid rgba(34,200,255,.25) !important;
  text-decoration: none !important;
}

.statutory-doc-card:hover {
  border-color: rgba(246,151,37,.62) !important;
  box-shadow: 0 18px 44px rgba(246,151,37,.14) !important;
  transform: translateY(-1px) !important;
}

.statutory-doc-icon {
  grid-row: span 2 !important;
  min-width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f69725 !important;
  color: #070707 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}

.statutory-doc-card strong {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.statutory-doc-card small {
  color: rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

@media(max-width:800px){
  .statutory-doc-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Data Room statutory popup: reduce main title size
   ============================================================ */

.statutory-popup-panel h2,
#statutoryPopupTitle {
  font-size: clamp(20px, 2vw, 26px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.02em !important;
  max-width: 820px !important;
  margin-bottom: 14px !important;
}

@media(max-width:700px){
  .statutory-popup-panel h2,
  #statutoryPopupTitle {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
}

/* ============================================================
   Investor page: investor discussion popup
   ============================================================ */

.investor-discussion-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.investor-discussion-modal.active {
  display: flex !important;
}

.investor-discussion-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(7,7,7,.76) !important;
  backdrop-filter: blur(8px) !important;
}

.investor-discussion-panel {
  position: relative !important;
  width: min(760px, 95vw) !important;
  max-height: 91vh !important;
  overflow: auto !important;
  border-radius: 30px !important;
  padding: 36px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(246,151,37,.24), transparent 32%),
    radial-gradient(circle at 18% 88%, rgba(34,200,255,.13), transparent 28%),
    linear-gradient(135deg, #070707, #15131c) !important;
  border: 1px solid rgba(246,151,37,.46) !important;
  box-shadow: 0 38px 120px rgba(0,0,0,.55) !important;
}

.investor-discussion-close {
  position: absolute !important;
  top: 16px !important;
  right: 18px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  font-size: 25px !important;
  cursor: pointer !important;
}

.investor-discussion-panel h2 {
  margin: 8px 0 12px !important;
  color: #ffffff !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.investor-discussion-intro {
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.investor-discussion-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 15px !important;
}

.investor-discussion-grid label,
.investor-discussion-wide {
  display: block !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.investor-discussion-grid input,
.investor-discussion-wide select,
.investor-discussion-wide textarea {
  width: 100% !important;
  margin-top: 7px !important;
  border: 1px solid rgba(246,151,37,.34) !important;
  border-radius: 15px !important;
  padding: 12px 13px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  background: #ffffff !important;
  color: #070707 !important;
  outline: none !important;
}

.investor-discussion-wide {
  margin-top: 15px !important;
}

.investor-discussion-wide textarea {
  resize: vertical !important;
}

.investor-discussion-grid input:focus,
.investor-discussion-wide select:focus,
.investor-discussion-wide textarea:focus {
  border-color: #f69725 !important;
  box-shadow: 0 0 0 4px rgba(246,151,37,.18) !important;
}

.investor-discussion-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 22px !important;
}

.investor-discussion-actions button {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 18px !important;
  cursor: pointer !important;
  font-weight: 1000 !important;
  background: #f69725 !important;
  color: #070707 !important;
}

.investor-discussion-actions button:nth-child(2) {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

@media(max-width:700px){
  .investor-discussion-panel {
    padding: 28px 20px !important;
  }

  .investor-discussion-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   Investor page hero headline: small-medium size
   ============================================================ */

.investor-hero-copy h1 {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
  max-width: 720px !important;
  margin-bottom: 18px !important;
}

@media(max-width:900px){
  .investor-hero-copy h1 {
    font-size: clamp(23px, 5vw, 30px) !important;
    line-height: 1.14 !important;
  }
}

@media(max-width:700px){
  .investor-hero-copy h1 {
    font-size: 24px !important;
    line-height: 1.16 !important;
  }
}

/* ============================================================
   MobiCash Desk Support popup widget
   ============================================================ */

#mobicashDeskSupportWidget {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 9999999 !important;
  font-family: inherit !important;
}

#mobicashDeskSupportLauncher {
  position: relative !important;
  width: 78px !important;
  height: 78px !important;
  border-radius: 50% !important;
  border: 3px solid #f69725 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  cursor: pointer !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 0 6px rgba(246,151,37,.13) !important;
}

#mobicashDeskSupportLauncher img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.mobicash-support-status {
  position: absolute !important;
  right: 7px !important;
  bottom: 7px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background: #20d77a !important;
  border: 2px solid #ffffff !important;
}

#mobicashDeskSupportPopup {
  position: absolute !important;
  right: 0 !important;
  bottom: 94px !important;
  width: min(360px, calc(100vw - 34px)) !important;
  display: none !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.35) !important;
  border: 1px solid rgba(246,151,37,.38) !important;
}

#mobicashDeskSupportPopup.active {
  display: block !important;
}

.mobicash-desk-support-header {
  display: grid !important;
  grid-template-columns: 52px 1fr 34px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 16px !important;
  background: linear-gradient(135deg, #070707, #1a1a1a) !important;
  color: #ffffff !important;
}

.mobicash-desk-support-header img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid #f69725 !important;
  background: #ffffff !important;
}

.mobicash-desk-support-header strong {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.mobicash-desk-support-header small {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}

#mobicashDeskSupportClose {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: rgba(255,255,255,.13) !important;
  color: #ffffff !important;
  font-size: 22px !important;
  cursor: pointer !important;
}

.mobicash-desk-support-body {
  padding: 18px !important;
}

.mobicash-desk-support-body p {
  margin: 0 0 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #444 !important;
}

#mobicashDeskSupportForm label {
  display: block !important;
  margin-bottom: 11px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #111 !important;
}

#mobicashDeskSupportForm input,
#mobicashDeskSupportForm textarea {
  width: 100% !important;
  margin-top: 6px !important;
  padding: 11px 12px !important;
  border: 1px solid #dddddd !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-family: inherit !important;
  color: #111 !important;
  background: #ffffff !important;
  outline: none !important;
}

#mobicashDeskSupportForm input:focus,
#mobicashDeskSupportForm textarea:focus {
  border-color: #f69725 !important;
  box-shadow: 0 0 0 4px rgba(246,151,37,.16) !important;
}

#mobicashDeskSupportForm button[type="submit"] {
  width: 100% !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 13px 16px !important;
  background: #f69725 !important;
  color: #070707 !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}

/* ============================================================
   MobiCash chatbot: orange theme override
   ============================================================ */

button[aria-label*="chat" i],
button[aria-label*="assistant" i],
button[title*="chat" i],
button[title*="assistant" i],
[class*="chat"] button,
[class*="assistant"] button,
[class*="chatbot"] button {
  --chatbot-accent-color: #f69725 !important;
  --chatbot-primary-color: #f69725 !important;
  --primary-color: #f69725 !important;
  --accent-color: #f69725 !important;
}


/* ============================================================
   Platform section: Network Reach 6,000 Agents blasting badge
   ============================================================ */

.network-reach-burst {
  position: relative !important;
  width: 122px !important;
  height: 122px !important;
  margin: 16px 0 16px !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 35% 28%, #fff7df 0%, #f69725 38%, #d86f00 74%, #7a3300 100%) !important;
  color: #070707 !important;
  border: 4px solid rgba(255,255,255,.85) !important;
  box-shadow:
    0 18px 45px rgba(246,151,37,.42),
    0 0 0 8px rgba(246,151,37,.14),
    0 0 48px rgba(246,151,37,.45) !important;
  animation: networkReachBlastPulse 1.9s ease-in-out infinite !important;
  isolation: isolate !important;
}

.network-reach-burst::before {
  content: "" !important;
  position: absolute !important;
  inset: -16px !important;
  z-index: -1 !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(246,151,37,.78) 12deg,
      transparent 24deg,
      transparent 45deg,
      rgba(246,151,37,.62) 58deg,
      transparent 70deg,
      transparent 96deg,
      rgba(246,151,37,.72) 110deg,
      transparent 122deg,
      transparent 150deg,
      rgba(246,151,37,.62) 164deg,
      transparent 176deg,
      transparent 204deg,
      rgba(246,151,37,.76) 218deg,
      transparent 230deg,
      transparent 260deg,
      rgba(246,151,37,.60) 274deg,
      transparent 286deg,
      transparent 318deg,
      rgba(246,151,37,.70) 332deg,
      transparent 344deg
    ) !important;
  border-radius: 50% !important;
  filter: blur(.2px) !important;
}

.network-reach-burst strong {
  display: block !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
  color: #070707 !important;
}

.network-reach-burst small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #070707 !important;
}

.network-reach-burst-flash {
  position: absolute !important;
  top: 12px !important;
  right: 18px !important;
  font-size: 20px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}

@keyframes networkReachBlastPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      0 18px 45px rgba(246,151,37,.42),
      0 0 0 8px rgba(246,151,37,.14),
      0 0 48px rgba(246,151,37,.45);
  }
  50% {
    transform: scale(1.045);
    box-shadow:
      0 22px 56px rgba(246,151,37,.56),
      0 0 0 12px rgba(246,151,37,.18),
      0 0 68px rgba(246,151,37,.60);
  }
}

@media(max-width:700px){
  .network-reach-burst {
    width: 106px !important;
    height: 106px !important;
  }

  .network-reach-burst strong {
    font-size: 26px !important;
  }

  .network-reach-burst small {
    font-size: 12px !important;
  }
}

/* ============================================================
   Platform section: compact aligned cards
   Applies to:
   01 Unified Access
   02 Network Reach
   03 Institutional Collections
   04 Evidence Governance
   ============================================================ */

#platform .platform-grid,
#platform .cards-grid,
#platform .feature-grid,
#platform .pillar-grid,
#platform [class*="grid"] {
  gap: 16px !important;
}

#platform .platform-card,
#platform .feature-card,
#platform .pillar-card,
#platform .value-card,
#platform .card,
#platform [class*="card"] {
  padding: 20px 20px !important;
  min-height: 210px !important;
  border-radius: 22px !important;
}

#platform .platform-card h3,
#platform .feature-card h3,
#platform .pillar-card h3,
#platform .value-card h3,
#platform .card h3,
#platform [class*="card"] h3 {
  font-size: 18px !important;
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
}

#platform .platform-card p,
#platform .feature-card p,
#platform .pillar-card p,
#platform .value-card p,
#platform .card p,
#platform [class*="card"] p {
  font-size: 13.5px !important;
  line-height: 1.48 !important;
  margin-bottom: 0 !important;
}

#platform .platform-card .number,
#platform .platform-card .card-number,
#platform .feature-card .number,
#platform .feature-card .card-number,
#platform .pillar-card .number,
#platform .pillar-card .card-number,
#platform [class*="card"] .number,
#platform [class*="card"] .card-number {
  font-size: 18px !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
}

/* Compact the 6,000 Agents blasting icon */
#platform .network-reach-burst {
  width: 86px !important;
  height: 86px !important;
  margin: 10px 0 12px !important;
  border-width: 3px !important;
  box-shadow:
    0 12px 28px rgba(246,151,37,.34),
    0 0 0 5px rgba(246,151,37,.12),
    0 0 34px rgba(246,151,37,.35) !important;
}

#platform .network-reach-burst::before {
  inset: -10px !important;
}

#platform .network-reach-burst strong {
  font-size: 22px !important;
  line-height: .95 !important;
}

#platform .network-reach-burst small {
  font-size: 10px !important;
  margin-top: 4px !important;
  letter-spacing: .06em !important;
}

#platform .network-reach-burst-flash {
  top: 8px !important;
  right: 13px !important;
  font-size: 14px !important;
}

@media(max-width:900px){
  #platform .platform-card,
  #platform .feature-card,
  #platform .pillar-card,
  #platform .value-card,
  #platform .card,
  #platform [class*="card"] {
    min-height: auto !important;
    padding: 18px !important;
  }
}

@media(max-width:700px){
  #platform .network-reach-burst {
    width: 78px !important;
    height: 78px !important;
  }

  #platform .network-reach-burst strong {
    font-size: 20px !important;
  }

  #platform .network-reach-burst small {
    font-size: 9px !important;
  }
}

/* ============================================================
   Platform section: Unified Access 4.2M Users badge
   ============================================================ */

#platform .unified-access-users-badge {
  position: relative !important;
  width: 88px !important;
  height: 88px !important;
  margin: 10px 0 12px !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 30% 20%, #ffffff 0%, #f69725 42%, #c96f09 100%) !important;
  color: #070707 !important;
  border: 3px solid rgba(255,255,255,.86) !important;
  box-shadow:
    0 12px 30px rgba(246,151,37,.34),
    0 0 0 5px rgba(246,151,37,.12) !important;
  overflow: hidden !important;
}

#platform .unified-access-users-badge::before {
  content: "" !important;
  position: absolute !important;
  inset: -35% !important;
  background: conic-gradient(
    from 35deg,
    transparent,
    rgba(255,255,255,.55),
    transparent,
    rgba(255,255,255,.22),
    transparent
  ) !important;
  animation: unifiedAccessBadgeSpin 4.5s linear infinite !important;
}

#platform .unified-access-users-badge > * {
  position: relative !important;
  z-index: 1 !important;
}

#platform .unified-access-users-icon {
  position: absolute !important;
  top: 7px !important;
  right: 10px !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28) !important;
}

#platform .unified-access-users-badge strong {
  display: block !important;
  font-size: 23px !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
  color: #070707 !important;
}

#platform .unified-access-users-badge small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #070707 !important;
}

@keyframes unifiedAccessBadgeSpin {
  to {
    transform: rotate(360deg);
  }
}

@media(max-width:700px){
  #platform .unified-access-users-badge {
    width: 78px !important;
    height: 78px !important;
  }

  #platform .unified-access-users-badge strong {
    font-size: 20px !important;
  }

  #platform .unified-access-users-badge small {
    font-size: 9px !important;
  }
}

/* ============================================================
   Platform section: make 4.2M Users badge visible like Agents
   ============================================================ */

#platform .unified-access-users-badge {
  position: relative !important;
  width: 92px !important;
  height: 92px !important;
  margin: 10px 0 12px !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 35% 28%, #fff7df 0%, #f69725 38%, #d86f00 74%, #7a3300 100%) !important;
  color: #070707 !important;
  border: 4px solid rgba(255,255,255,.90) !important;
  box-shadow:
    0 14px 34px rgba(246,151,37,.42),
    0 0 0 6px rgba(246,151,37,.16),
    0 0 44px rgba(246,151,37,.48) !important;
  animation: unifiedAccessVisiblePulse 1.9s ease-in-out infinite !important;
  isolation: isolate !important;
  overflow: visible !important;
}

#platform .unified-access-users-badge::before {
  content: "" !important;
  position: absolute !important;
  inset: -12px !important;
  z-index: -1 !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(246,151,37,.78) 12deg,
      transparent 24deg,
      transparent 45deg,
      rgba(246,151,37,.62) 58deg,
      transparent 70deg,
      transparent 96deg,
      rgba(246,151,37,.72) 110deg,
      transparent 122deg,
      transparent 150deg,
      rgba(246,151,37,.62) 164deg,
      transparent 176deg,
      transparent 204deg,
      rgba(246,151,37,.76) 218deg,
      transparent 230deg,
      transparent 260deg,
      rgba(246,151,37,.60) 274deg,
      transparent 286deg,
      transparent 318deg,
      rgba(246,151,37,.70) 332deg,
      transparent 344deg
    ) !important;
  border-radius: 50% !important;
  animation: unifiedAccessRaysSpin 6s linear infinite !important;
}

#platform .unified-access-users-badge::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  pointer-events: none !important;
}

#platform .unified-access-users-badge > * {
  position: relative !important;
  z-index: 2 !important;
}

#platform .unified-access-users-icon {
  position: absolute !important;
  top: 8px !important;
  right: 13px !important;
  font-size: 15px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}

#platform .unified-access-users-badge strong {
  display: block !important;
  font-size: 24px !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
  color: #070707 !important;
}

#platform .unified-access-users-badge small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #070707 !important;
}

@keyframes unifiedAccessVisiblePulse {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      0 14px 34px rgba(246,151,37,.42),
      0 0 0 6px rgba(246,151,37,.16),
      0 0 44px rgba(246,151,37,.48);
  }
  50% {
    transform: scale(1.045);
    box-shadow:
      0 18px 46px rgba(246,151,37,.56),
      0 0 0 10px rgba(246,151,37,.20),
      0 0 62px rgba(246,151,37,.62);
  }
}

@keyframes unifiedAccessRaysSpin {
  to {
    transform: rotate(360deg);
  }
}

@media(max-width:700px){
  #platform .unified-access-users-badge {
    width: 82px !important;
    height: 82px !important;
  }

  #platform .unified-access-users-badge strong {
    font-size: 21px !important;
  }

  #platform .unified-access-users-badge small {
    font-size: 9px !important;
  }
}

/* ============================================================
   Forced Unified Access 4.2M Users visible badge
   ============================================================ */

.unified-access-users-badge {
  position: relative !important;
  width: 92px !important;
  height: 92px !important;
  margin: 10px 0 12px !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 35% 28%, #fff7df 0%, #f69725 38%, #d86f00 74%, #7a3300 100%) !important;
  color: #070707 !important;
  border: 4px solid rgba(255,255,255,.90) !important;
  box-shadow:
    0 14px 34px rgba(246,151,37,.42),
    0 0 0 6px rgba(246,151,37,.16),
    0 0 44px rgba(246,151,37,.48) !important;
  animation: unifiedAccessVisiblePulseFinal 1.9s ease-in-out infinite !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.unified-access-users-badge::before {
  content: "" !important;
  position: absolute !important;
  inset: -12px !important;
  z-index: -1 !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(246,151,37,.78) 12deg,
      transparent 24deg,
      transparent 45deg,
      rgba(246,151,37,.62) 58deg,
      transparent 70deg,
      transparent 96deg,
      rgba(246,151,37,.72) 110deg,
      transparent 122deg,
      transparent 150deg,
      rgba(246,151,37,.62) 164deg,
      transparent 176deg,
      transparent 204deg,
      rgba(246,151,37,.76) 218deg,
      transparent 230deg,
      transparent 260deg,
      rgba(246,151,37,.60) 274deg,
      transparent 286deg,
      transparent 318deg,
      rgba(246,151,37,.70) 332deg,
      transparent 344deg
    ) !important;
  border-radius: 50% !important;
}

.unified-access-users-badge::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.55) !important;
}

.unified-access-users-badge > * {
  position: relative !important;
  z-index: 2 !important;
}

.unified-access-users-icon {
  position: absolute !important;
  top: 8px !important;
  right: 13px !important;
  font-size: 15px !important;
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}

.unified-access-users-badge strong {
  display: block !important;
  font-size: 24px !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  letter-spacing: -0.04em !important;
  color: #070707 !important;
}

.unified-access-users-badge small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #070707 !important;
}

@keyframes unifiedAccessVisiblePulseFinal {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.045);
  }
}

/* ============================================================
   Platform section: align Network Reach Agents badge size
   with Unified Access Users badge
   ============================================================ */

#platform .network-reach-burst {
  width: 92px !important;
  height: 92px !important;
  margin: 10px 0 12px !important;
  border-radius: 50% !important;
  border-width: 4px !important;
  box-shadow:
    0 14px 34px rgba(246,151,37,.42),
    0 0 0 6px rgba(246,151,37,.16),
    0 0 44px rgba(246,151,37,.48) !important;
}

#platform .network-reach-burst::before {
  inset: -12px !important;
}

#platform .network-reach-burst strong {
  font-size: 24px !important;
  line-height: .95 !important;
  letter-spacing: -0.04em !important;
}

#platform .network-reach-burst small {
  font-size: 10.5px !important;
  margin-top: 5px !important;
  letter-spacing: .08em !important;
}

#platform .network-reach-burst-flash {
  top: 8px !important;
  right: 13px !important;
  font-size: 15px !important;
}

@media(max-width:700px){
  #platform .network-reach-burst {
    width: 82px !important;
    height: 82px !important;
  }

  #platform .network-reach-burst strong {
    font-size: 21px !important;
  }

  #platform .network-reach-burst small {
    font-size: 9px !important;
  }
}

/* ============================================================
   Investor page: Strategic Moat animated defensibility orbit
   ============================================================ */

.strategic-moat-enhanced-section {
  position: relative !important;
  padding: 86px 24px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(246,151,37,.14), transparent 28%),
    radial-gradient(circle at 80% 75%, rgba(34,200,255,.10), transparent 30%),
    linear-gradient(135deg, #070707, #11131a 54%, #080808) !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

.strategic-moat-enhanced-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  opacity: .35 !important;
  pointer-events: none !important;
}

.strategic-moat-enhanced-shell {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 410px 1fr !important;
  gap: 34px !important;
  align-items: center !important;
}

.strategic-moat-visual-card,
.strategic-moat-copy-card {
  border-radius: 34px !important;
  border: 1px solid rgba(246,151,37,.28) !important;
  background: rgba(255,255,255,.055) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.30) !important;
  backdrop-filter: blur(10px) !important;
}

.strategic-moat-visual-card {
  padding: 28px 24px 22px !important;
  text-align: center !important;
}

.strategic-moat-copy-card {
  padding: 42px !important;
}

.strategic-moat-copy-card .tag {
  display: inline-flex !important;
  margin: 0 0 14px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(246,151,37,.14) !important;
  border: 1px solid rgba(246,151,37,.34) !important;
  color: #f69725 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.strategic-moat-copy-card h2 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(28px, 3.3vw, 46px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em !important;
}

.strategic-moat-copy-card p {
  margin: 0 0 15px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 15.5px !important;
  line-height: 1.72 !important;
}

.strategic-moat-proof-grid {
  margin-top: 22px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.strategic-moat-proof-grid span {
  display: block !important;
  padding: 11px 13px !important;
  border-radius: 15px !important;
  background: rgba(7,7,7,.36) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}

.moat-orbit-visual {
  position: relative !important;
  width: 310px !important;
  height: 310px !important;
  margin: 0 auto !important;
}

.moat-outer-shield {
  position: absolute !important;
  inset: 18px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(246,151,37,.40) !important;
  box-shadow:
    inset 0 0 34px rgba(246,151,37,.12),
    0 0 42px rgba(246,151,37,.18) !important;
  animation: moatShieldPulse 2.8s ease-in-out infinite !important;
}

.moat-orbit-ring {
  position: absolute !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.20) !important;
}

.moat-orbit-ring-one {
  inset: 44px !important;
  border-top-color: #f69725 !important;
  border-right-color: rgba(246,151,37,.55) !important;
  animation: moatRotate 8s linear infinite !important;
}

.moat-orbit-ring-two {
  inset: 76px !important;
  border-bottom-color: rgba(34,200,255,.55) !important;
  animation: moatRotateReverse 11s linear infinite !important;
}

.moat-core {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 122px !important;
  height: 122px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 34% 24%, #fff3d8 0%, #f69725 38%, #a94c00 100%) !important;
  color: #070707 !important;
  border: 4px solid rgba(255,255,255,.84) !important;
  box-shadow:
    0 18px 46px rgba(246,151,37,.38),
    0 0 46px rgba(246,151,37,.46) !important;
  animation: moatCoreGlow 2.4s ease-in-out infinite !important;
}

.moat-core strong {
  display: block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

.moat-core span {
  display: block !important;
  margin-top: 5px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

.moat-node {
  position: absolute !important;
  min-width: 78px !important;
  padding: 8px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  color: #070707 !important;
  border: 1px solid rgba(246,151,37,.60) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.28) !important;
  font-size: 10.5px !important;
  font-weight: 1000 !important;
  text-align: center !important;
  animation: moatNodePulse 2.2s ease-in-out infinite !important;
}

.moat-node-regulation {
  left: 50% !important;
  top: 4px !important;
  transform: translateX(-50%) !important;
}

.moat-node-institutions {
  right: 0 !important;
  top: 73px !important;
}

.moat-node-agents {
  right: 8px !important;
  bottom: 58px !important;
}

.moat-node-merchants {
  left: 50% !important;
  bottom: 4px !important;
  transform: translateX(-50%) !important;
}

.moat-node-evidence {
  left: 2px !important;
  bottom: 58px !important;
}

.moat-node-compliance {
  left: 0 !important;
  top: 73px !important;
}

.moat-flow-dot {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  margin: -5px !important;
  border-radius: 50% !important;
  background: #f69725 !important;
  box-shadow: 0 0 18px rgba(246,151,37,.95) !important;
  transform-origin: 0 0 !important;
}

.moat-flow-dot-one {
  animation: moatFlowOne 5.2s linear infinite !important;
}

.moat-flow-dot-two {
  background: #22c8ff !important;
  box-shadow: 0 0 18px rgba(34,200,255,.85) !important;
  animation: moatFlowTwo 7s linear infinite !important;
}

.strategic-moat-visual-caption {
  max-width: 310px !important;
  margin: 16px auto 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

@keyframes moatRotate {
  to { transform: rotate(360deg); }
}

@keyframes moatRotateReverse {
  to { transform: rotate(-360deg); }
}

@keyframes moatShieldPulse {
  0%, 100% {
    opacity: .72;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.025);
  }
}

@keyframes moatCoreGlow {
  0%, 100% {
    box-shadow:
      0 18px 46px rgba(246,151,37,.38),
      0 0 46px rgba(246,151,37,.46);
  }
  50% {
    box-shadow:
      0 22px 58px rgba(246,151,37,.55),
      0 0 70px rgba(246,151,37,.70);
  }
}

@keyframes moatNodePulse {
  0%, 100% {
    opacity: .86;
  }
  50% {
    opacity: 1;
  }
}

@keyframes moatFlowOne {
  from { transform: rotate(0deg) translateX(108px); }
  to { transform: rotate(360deg) translateX(108px); }
}

@keyframes moatFlowTwo {
  from { transform: rotate(180deg) translateX(75px); }
  to { transform: rotate(-180deg) translateX(75px); }
}

@media(max-width:980px){
  .strategic-moat-enhanced-shell {
    grid-template-columns: 1fr !important;
  }

  .strategic-moat-visual-card {
    order: 2 !important;
  }

  .strategic-moat-copy-card {
    order: 1 !important;
  }
}

@media(max-width:620px){
  .strategic-moat-enhanced-section {
    padding: 58px 18px !important;
  }

  .strategic-moat-copy-card {
    padding: 28px 22px !important;
  }

  .strategic-moat-proof-grid {
    grid-template-columns: 1fr !important;
  }

  .moat-orbit-visual {
    width: 270px !important;
    height: 270px !important;
  }

  .moat-node {
    min-width: 68px !important;
    font-size: 9.5px !important;
    padding: 7px 8px !important;
  }

  .moat-core {
    width: 106px !important;
    height: 106px !important;
  }

  .moat-core strong {
    font-size: 16px !important;
  }
}

/* ============================================================
   Investor page: pitch memorandum card library
   ============================================================ */

.investor-pitch-library-section {
  padding: 82px 24px !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(246,151,37,.12), transparent 28%),
    linear-gradient(180deg, #fbf7f1, #ffffff) !important;
}

.investor-pitch-library-shell {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.investor-pitch-library-heading {
  max-width: 780px !important;
  margin-bottom: 30px !important;
}

.investor-pitch-library-heading .tag {
  display: inline-flex !important;
  margin: 0 0 12px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  background: rgba(246,151,37,.14) !important;
  border: 1px solid rgba(246,151,37,.32) !important;
  color: #b95d00 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.investor-pitch-library-heading h2 {
  margin: 0 0 12px !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  color: #070707 !important;
}

.investor-pitch-library-heading p {
  margin: 0 !important;
  color: #3d4048 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.investor-pitch-card-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.investor-pitch-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-height: 100% !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,7,7,.10) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.10) !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.investor-pitch-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(246,151,37,.58) !important;
  box-shadow: 0 28px 70px rgba(246,151,37,.18) !important;
}

.investor-pitch-preview {
  height: 270px !important;
  background: #f4f4f4 !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(7,7,7,.08) !important;
}

.investor-pitch-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
}

.investor-pitch-card-body {
  padding: 18px 18px 20px !important;
}

.investor-pitch-card-body span {
  display: inline-flex !important;
  width: 36px !important;
  height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #f69725 !important;
  color: #070707 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  margin-bottom: 12px !important;
}

.investor-pitch-card-body h3 {
  margin: 0 0 9px !important;
  color: #070707 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

.investor-pitch-card-body p {
  margin: 0 !important;
  color: #b95d00 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

@media(max-width:1100px){
  .investor-pitch-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .investor-pitch-preview {
    height: 330px !important;
  }
}

@media(max-width:640px){
  .investor-pitch-library-section {
    padding: 58px 18px !important;
  }

  .investor-pitch-card-grid {
    grid-template-columns: 1fr !important;
  }

  .investor-pitch-preview {
    height: 360px !important;
  }
}