/* =========================================================
   Bareeq Tawasul — styles.css (Dark SaaS PRO++ Full Green Aura)
   Depends on: css/tokens.css
   ========================================================= */

:root{ --maxw: var(--container); }

/* Base */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: var(--font);
  color: var(--fg);
  line-height: 1.7;

  /* ✅ Full-page Green Aura (stronger, continuous) */
  background:
    radial-gradient(1400px 820px at 12% 12%, rgba(13,213,58,.22), transparent 62%),
    radial-gradient(1200px 760px at 88% 18%, rgba(92,255,106,.16), transparent 64%),
    radial-gradient(1200px 760px at 50% 55%, rgba(13,213,58,.12), transparent 68%),
    radial-gradient(1100px 720px at 18% 92%, rgba(92,255,106,.12), transparent 66%),
    linear-gradient(180deg, #07101A 0%, #0B1220 45%, #07101A 100%);
  background-attachment: fixed;
}
a{ color: inherit; }
img{ max-width:100%; height:auto; display:block; }
strong{ font-weight: 900; }

/* Global Green Swirl layer (page-long) */
main{ position: relative; }
main::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  opacity: .95;

  background:
    /* Big soft fog */
    radial-gradient(1400px 900px at 20% 30%, rgba(13,213,58,.12), transparent 65%),
    radial-gradient(1200px 900px at 80% 55%, rgba(92,255,106,.10), transparent 70%),

    /* Swirl-ish rings */
    radial-gradient(900px 600px at 35% 40%, rgba(13,213,58,.08), transparent 60%),
    radial-gradient(900px 600px at 65% 60%, rgba(92,255,106,.06), transparent 60%),

    /* Long bands to kill "navy blocks" */
    linear-gradient(180deg,
      rgba(13,213,58,.06) 0%,
      rgba(11,18,32,0) 18%,
      rgba(92,255,106,.05) 38%,
      rgba(11,18,32,0) 58%,
      rgba(13,213,58,.05) 78%,
      rgba(11,18,32,0) 100%
    );
  filter: blur(0px);
}
main > *{ position: relative; z-index: 1; }

/* Section green wash (ensures no pure navy zones) */
.gridsec, .why, .payglow, .testi, .about, .faq, .finalcta, .footer{
  position: relative;
}
.gridsec::before, .why::before, .testi::before, .about::before, .faq::before, .finalcta::before, .footer::before{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  opacity: .55;
  background:
    radial-gradient(900px 520px at 18% 40%, rgba(13,213,58,.07), transparent 70%),
    radial-gradient(900px 520px at 82% 60%, rgba(92,255,106,.06), transparent 72%);
}
.gridsec > *, .why > *, .testi > *, .about > *, .faq > *, .finalcta > *, .footer > *{
  position: relative;
  z-index: 1;
}

/* Containers */
.topbar__in,
.hero__in,
.affsec__in,
.gridsec__in,
.why__in,
.payglow__in,
.testi__in,
.about__in,
.faq__in,
.finalcta__in,
.footer__in{
  width: min(var(--maxw), calc(100% - 34px));
  margin-inline:auto;
}

/* ================= TOPBAR ================= */
.topbar{
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(11,18,32,.66);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.topbar__in{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 14px 0;
}
.brand{
  display:flex;
  align-items:center;
  gap: 10px;
  text-decoration:none;
}
.brand img{
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(92,255,106,.14), 0 18px 60px rgba(13,213,58,.10);
}
.brand b{ font-weight: 900; letter-spacing: .2px; }
.topbar__nav{
  display:flex;
  align-items:center;
  gap: 10px;
}
.topbar__link{
  text-decoration:none;
  color: rgba(245,247,250,.70);
  font-weight: 900;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.topbar__link:hover{
  color: var(--fg);
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.topbar__actions{
  display:flex;
  align-items:center;
  gap: 10px;
}

/* ================= BUTTONS ================= */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 11px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: var(--fg);
  text-decoration:none;
  font-weight: 900;
  transition: transform var(--dur-1) var(--ease), filter var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);
  user-select:none;
  white-space:nowrap;
}
.btn:hover{ transform: translateY(-1px); filter: brightness(1.06); }
.btn:active{ transform: translateY(0); }
.btn:focus{ outline:none; box-shadow: var(--focus); }

.btn--ghost{ background: rgba(255,255,255,.02); }
.btn--ghost:hover{ background: rgba(255,255,255,.06); }

.btn--primary{
  background: var(--grad-cta);
  color: #06130C;
  border-color: rgba(92,255,106,.22);
  box-shadow: 0 18px 60px rgba(13,213,58,.16);
}
.btn--primary:hover{ filter: brightness(1.08); }

.btn--lg{ padding: 13px 18px; border-radius: 16px; }

/* ================= HERO ================= */
.hero{
  position: relative;
  padding: 46px 0 18px;
  overflow:hidden;
}
.hero__bg{
  position:absolute;
  inset: -25%;
  background:
    radial-gradient(1100px 620px at 22% 32%, rgba(13,213,58,.30), transparent 60%),
    radial-gradient(900px 520px at 72% 60%, rgba(92,255,106,.16), transparent 62%),
    radial-gradient(720px 520px at 88% 18%, rgba(13,213,58,.10), transparent 60%);
  pointer-events:none;
}
.hero__bg::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(900px 420px at 35% 55%, rgba(13,213,58,.12), transparent 62%),
    radial-gradient(650px 360px at 20% 20%, rgba(92,255,106,.08), transparent 60%);
  filter: blur(10px);
  opacity: .92;
}

.hero__in{ position:relative; }

.hero__grid{
  display:grid;
  grid-template-columns: 1.10fr .90fr; /* text right / preview left */
  gap: 26px;
  align-items: center;
}

.hero__title{
  margin: 0 0 12px;
  font-weight: 900;
  line-height: 1.06;
  font-size: clamp(34px, 4.5vw, 62px);
  letter-spacing: -0.6px;
}
.grad-text{
  background: var(--grad-main);
  -webkit-background-clip: text;
  background-clip:text;
  color: transparent;
}
.hero__desc{
  margin: 0 0 14px;
  color: rgba(245,247,250,.78);
  font-size: 16.5px;
  max-width: 62ch;
}
.hero__slogans{
  margin: 16px 0 18px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.hero__slogans p{ margin: 0; color: rgba(245,247,250,.86); }
.hero__slogans p + p{ margin-top: 8px; }

.hero__ctas{
  display:flex;
  align-items:center;
  gap: 14px;
  flex-wrap: wrap;
}
.hero__note{
  color: rgba(245,247,250,.55);
  font-weight: 900;
  font-size: 13px;
}

.stats{
  display:flex;
  gap: 14px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.stat{
  flex: 1;
  min-width: 150px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.stat b{ display:block; font-size: 20px; font-weight: 900; }
.stat span{ display:block; color: rgba(245,247,250,.60); font-weight: 900; font-size: 12.5px; margin-top: 4px; }

/* ================= DASH PREVIEW ================= */
.dashwrap{ position: relative; }
.dashwrap::before{
  content:"";
  position:absolute;
  inset:-14px;
  background: radial-gradient(520px 280px at 50% 10%, rgba(13,213,58,.22), transparent 65%);
  filter: blur(10px);
  opacity: .92;
  pointer-events:none;
}

.dashcard{
  border-radius: 22px;
  border: 1px solid rgba(92,255,106,.20);
  background: linear-gradient(180deg, rgba(16,28,54,.92), rgba(14,23,43,.92));
  box-shadow:
    0 0 0 1px rgba(92,255,106,.10),
    0 18px 80px rgba(13,213,58,.14),
    0 18px 60px rgba(0,0,0,.35);
  padding: 16px;
  position: relative;
  overflow:hidden;
}
.dashcard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(520px 260px at 18% 12%, rgba(13,213,58,.26), transparent 60%),
    radial-gradient(520px 260px at 90% 85%, rgba(92,255,106,.16), transparent 60%);
  pointer-events:none;
}
.dashcard > *{ position:relative; }

.dashcard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.dashcard__badge{
  font-weight: 900;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(92,255,106,.12);
  border: 1px solid rgba(92,255,106,.22);
  color: rgba(245,247,250,.92);
}
.dashcard__title{
  color: rgba(245,247,250,.72);
  font-weight: 900;
  font-size: 13px;
}

.wallet{
  border-radius: 18px;
  padding: 14px 14px 12px;
  background: var(--grad-main);
  color: #06130C;
  box-shadow: 0 18px 55px rgba(13,213,58,.20);
}
.wallet__label{ font-weight: 900; opacity: .85; font-size: 12.5px; }
.wallet__value{ font-size: 34px; font-weight: 900; line-height: 1.1; margin-top: 6px; }
.wallet__value small{ font-size: 14px; font-weight: 900; }
.wallet__hint{ margin-top: 6px; font-weight: 900; font-size: 12px; opacity: .82; }

.mini-stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 12px;
}
.mini{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  padding: 12px 12px 10px;
}
.mini__num{ font-weight: 900; font-size: 18px; }
.mini__lbl{ color: rgba(245,247,250,.62); font-weight: 900; font-size: 12px; margin-top: 2px; }

.growth{
  margin-top: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  padding: 12px 12px 10px;
}
.growth__title{ font-weight: 900; margin-bottom: 10px; color: rgba(245,247,250,.90); }
.bars{
  display:grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  align-items:end;
  height: 118px;
}
.bars span{
  display:block;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(92,255,106,.95), rgba(13,213,58,.55));
  box-shadow: 0 10px 25px rgba(13,213,58,.10);
  transform-origin: bottom;
  animation: rise 900ms var(--ease) both;
}
.bars span:nth-child(1){height: 30%}
.bars span:nth-child(2){height: 45%}
.bars span:nth-child(3){height: 38%}
.bars span:nth-child(4){height: 60%}
.bars span:nth-child(5){height: 55%}
.bars span:nth-child(6){height: 72%}
.bars span:nth-child(7){height: 80%}
.bars span:nth-child(8){height: 92%}
@keyframes rise{ from{transform: scaleY(.2); opacity:.65} to{transform: scaleY(1); opacity:1} }

.growth__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top: 10px;
  color: rgba(245,247,250,.58);
  font-weight: 900;
  font-size: 12px;
}
.growth__chip{
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(92,255,106,.12);
  border: 1px solid rgba(92,255,106,.18);
  color: rgba(245,247,250,.92);
  font-weight: 900;
}

/* ================= AFFILIATE SECTION ================= */
.affsec{ padding: 18px 0 28px; }
.affcard{
  border-radius: 22px;
  border: 1px solid rgba(92,255,106,.18);
  background: linear-gradient(180deg, rgba(16,28,54,.70), rgba(14,23,43,.70));
  box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 18px 70px rgba(13,213,58,.10);
  padding: 18px;
  position: relative;
  overflow:hidden;
}
.affcard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(650px 320px at 25% 0%, rgba(13,213,58,.16), transparent 60%),
    radial-gradient(650px 320px at 95% 120%, rgba(92,255,106,.10), transparent 60%);
  pointer-events:none;
}
.affcard > *{ position:relative; }

.affcard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.affbadge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(92,255,106,.10);
  border: 1px solid rgba(92,255,106,.18);
  font-weight: 900;
}
.affmini{ color: rgba(245,247,250,.62); font-weight: 900; font-size: 13px; }

.affcard__title{ margin: 6px 0 6px; font-weight: 900; font-size: 22px; letter-spacing: -.2px; }
.affcard__desc{ margin: 0 0 14px; color: rgba(245,247,250,.75); font-weight: 700; }

.affflow{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 12px 0 14px;
}
.affstep{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  padding: 12px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.affic{
  width: 40px; height: 40px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(92,255,106,.10);
  border: 1px solid rgba(92,255,106,.16);
  flex: 0 0 40px;
}
.afftxt{ font-weight: 800; color: rgba(245,247,250,.86); }
.afftxt b{ color: rgba(92,255,106,.96); }

.affchips{ display:flex; gap: 10px; flex-wrap: wrap; margin: 0 0 14px; }
.chip{
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(92,255,106,.16);
  background: rgba(255,255,255,.03);
  font-weight: 900;
  color: rgba(245,247,250,.86);
}
.affcta{ display:flex; gap: 10px; flex-wrap: wrap; }

/* ================= SECTIONS ================= */
.gridsec, .why, .payglow, .testi, .about, .faq, .finalcta{ padding: 34px 0; }

.gridsec__title,.why__title,.testi__title,.about__title,.faq__title{
  margin: 0 0 16px;
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 24px;
}

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

.whycard, .tcard, .faqcard, .gcard{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  padding: 14px;
}

.whycard__title{ font-weight: 900; margin-bottom: 6px; }
.whycard__desc{ color: rgba(245,247,250,.66); margin: 0; }

.tcard__stars{ color: rgba(92,255,106,.92); letter-spacing: 1px; }
.tcard__txt{ color: rgba(245,247,250,.82); margin: 10px 0 0; }
.tcard__user{ margin-top: 12px; color: rgba(245,247,250,.60); font-weight: 900; }

.grid{ display:grid; grid-template-columns: 1fr; gap: 14px; }
.gcard{ display:flex; align-items:center; gap: 14px; }
.gcard__img{
  width: 84px; height: 84px;
  border-radius: 18px;
  border: 1px solid rgba(92,255,106,.16);
  background: rgba(255,255,255,.02);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.gcard__meta{ flex:1; }
.gcard__title{ font-weight: 900; font-size: 18px; }
.gcard__desc{ margin: 6px 0 0; color: rgba(245,247,250,.66); }
.gcard__cta{
  display:inline-block;
  margin-top: 10px;
  text-decoration:none;
  font-weight: 900;
  color: rgba(92,255,106,.95);
}
.gcard__cta:hover{ text-decoration: underline; }

.about__in{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 16px;
  align-items:center;
}
.about__desc{ color: rgba(245,247,250,.66); margin: 10px 0 0; }
.about__bullets{ margin: 12px 0 0; color: rgba(245,247,250,.82); }
.about__media{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  overflow:hidden;
}

.faqcard summary{ cursor:pointer; font-weight: 900; }
.faqcard__a{ color: rgba(245,247,250,.82); margin: 10px 0 0; }
.faqcard a{ color: rgba(92,255,106,.95); font-weight: 900; }

.payglow{
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(900px 420px at 20% 30%, rgba(13,213,58,.18), transparent 60%),
    radial-gradient(900px 420px at 90% 70%, rgba(92,255,106,.12), transparent 60%);
}

.final__rail{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content:center;
}
.final__pill{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(92,255,106,.16);
  background: rgba(255,255,255,.03);
  color: rgba(245,247,250,.86);
  font-weight: 900;
}

/* Footer */
.footer{
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 24px 0 14px;
  background: rgba(0,0,0,.15);
}
.footer__in{ display:grid; gap: 16px; }
.f_col strong{ font-weight: 900; }
.f_col p{ color: rgba(245,247,250,.62); margin: 6px 0 0; }
.f_col a{
  display:block;
  margin-top: 8px;
  color: rgba(92,255,106,.92);
  text-decoration:none;
  font-weight: 900;
}
.f_col a:hover{ text-decoration: underline; }
.f_copy{
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.06);
  color: rgba(245,247,250,.55);
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:space-between;
}
.f_copy a{ color: rgba(245,247,250,.78); text-decoration:none; font-weight: 900; }
.f_copy a:hover{ color: rgba(92,255,106,.92); }

/* Lazy reveal */
.lazy{ opacity:0; transform: translateY(10px); transition: opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease); }
.lazy.is-in{ opacity:1; transform: translateY(0); }

/* Responsive */
@media (max-width: 980px){
  body{ background-attachment: scroll; }
  .hero__grid{ grid-template-columns: 1fr; gap: 16px; }
  .whygrid{ grid-template-columns: repeat(2, 1fr); }
  .testigrid{ grid-template-columns: repeat(2, 1fr); }
  .about__in{ grid-template-columns: 1fr; }
  .affflow{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .topbar__nav{ display:none; }
  .mini-stats{ grid-template-columns: 1fr; }
  .whygrid, .testigrid, .faqgrid{ grid-template-columns: 1fr; }
}

/* =========================================================
   Checkout Override — remove heavy overlay wash
   ========================================================= */
body[data-page="checkout"] main::before{
  opacity: 0 !important;
}
body[data-page="checkout"] .co-main::before,
body[data-page="checkout"] .co-main::after{
  content: none !important;
}

/* =========================================================
   Corporate Home Override — Navy × Gold (FIXED — no banding)
   Applies ONLY when: body[data-site="corp"]
   ========================================================= */

/* 1) Single clean background (no stripes) */
body[data-site="corp"]{
  background: linear-gradient(180deg, #070F1C 0%, #0B1C2D 50%, #070F1C 100%);
  background-attachment: fixed;
}

/* 2) Replace the heavy green global overlay with a soft gold haze */
body[data-site="corp"] main::before{
  opacity: .35 !important;
  background:
    radial-gradient(1200px 700px at 20% 25%, rgba(212,175,55,.10), transparent 65%),
    radial-gradient(1000px 600px at 85% 70%, rgba(212,175,55,.08), transparent 65%) !important;
}

/* 3) Kill ALL section overlays (they caused the horizontal banding) */
body[data-site="corp"] .gridsec::before,
body[data-site="corp"] .why::before,
body[data-site="corp"] .testi::before,
body[data-site="corp"] .about::before,
body[data-site="corp"] .faq::before,
body[data-site="corp"] .finalcta::before,
body[data-site="corp"] .footer::before{
  content: none !important;
}

/* 4) Gold hero glow (lighter than before, no stripes) */
body[data-site="corp"] .hero__bg{
  background:
    radial-gradient(1100px 620px at 22% 32%, rgba(212,175,55,.18), transparent 62%),
    radial-gradient(900px 520px at 72% 60%, rgba(253,230,138,.10), transparent 64%),
    radial-gradient(720px 520px at 88% 18%, rgba(212,175,55,.08), transparent 66%) !important;
}

/* 5) Premium surfaces */
body[data-site="corp"] .whycard,
body[data-site="corp"] .tcard,
body[data-site="corp"] .faqcard,
body[data-site="corp"] .gcard,
body[data-site="corp"] .dashcard,
body[data-site="corp"] .stat,
body[data-site="corp"] .hero__slogans,
body[data-site="corp"] .affcard{
  background: linear-gradient(180deg, rgba(11,28,45,.86), rgba(9,23,40,.86)) !important;
  border-color: rgba(255,255,255,.10) !important;
}

/* 6) Gold accents */
body[data-site="corp"] .grad-text{
  background: var(--grad-main);
  -webkit-background-clip: text;
  background-clip:text;
  color: transparent;
}
body[data-site="corp"] .btn--primary{
  background: var(--grad-cta) !important;
  color: #1A1205 !important;
  border-color: rgba(212,175,55,.30) !important;
  box-shadow: 0 18px 55px rgba(212,175,55,.18) !important;
}
body[data-site="corp"] .btn--primary:hover{ filter: brightness(1.06); }

/* Pills / chips tone */
body[data-site="corp"] .chip,
body[data-site="corp"] .growth__chip,
body[data-site="corp"] .affbadge{
  background: rgba(212,175,55,.12) !important;
  border-color: rgba(212,175,55,.22) !important;
  color: #FDE68A !important;
}

/* Footer tone */
body[data-site="corp"] .footer{
  background: rgba(5,10,18,.75) !important;
  border-top-color: rgba(255,255,255,.08) !important;
}

/* Mobile safety */
@media (max-width: 980px){
  body[data-site="corp"]{ background-attachment: scroll; }
}

/* =========================================================
   Corporate Gold Override (ADD ONLY — DO NOT REMOVE OLD CSS)
   Purpose: Boost gold presence to ~50% while keeping layout intact
   Applies only to: body[data-site="corp"]
   ========================================================= */

/* 1) Strengthen gold presence in background (without killing old layers) */
body[data-site="corp"]{
  background:
    radial-gradient(1200px 800px at 18% 20%, rgba(212,175,55,.28), transparent 60%),
    radial-gradient(1000px 700px at 82% 30%, rgba(212,175,55,.22), transparent 65%),
    linear-gradient(180deg, #070F1C 0%, #0B1C2D 50%, #070F1C 100%);
}

/* 2) Upgrade hero glow (gold dominance) */
body[data-site="corp"] .hero__bg{
  background:
    radial-gradient(1000px 600px at 30% 30%, rgba(212,175,55,.40), transparent 65%),
    radial-gradient(900px 600px at 80% 60%, rgba(253,230,138,.22), transparent 65%) !important;
}

/* 3) Cards: keep structure, add premium gold edge */
body[data-site="corp"] .whycard,
body[data-site="corp"] .tcard,
body[data-site="corp"] .faqcard,
body[data-site="corp"] .gcard,
body[data-site="corp"] .dashcard,
body[data-site="corp"] .stat,
body[data-site="corp"] .affcard{
  border-color: rgba(212,175,55,.35) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.45),
    0 0 0 1px rgba(212,175,55,.18) inset;
}

/* 4) Buttons: visible from far + luxury hover */
body[data-site="corp"] .btn{
  border-color: rgba(212,175,55,.45);
}

body[data-site="corp"] .btn--primary{
  background: linear-gradient(135deg, #D4AF37, #FDE68A) !important;
  color: #1A1205 !important;
  box-shadow: 0 20px 60px rgba(212,175,55,.45) !important;
}

body[data-site="corp"] .btn--primary:hover{
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 28px 80px rgba(212,175,55,.65) !important;
}

/* 5) Ghost buttons: subtle gold halo */
body[data-site="corp"] .btn--ghost{
  background: rgba(212,175,55,.10);
}
body[data-site="corp"] .btn--ghost:hover{
  background: rgba(212,175,55,.18);
}

/* 6) Icons for internal platforms (professional, not emoji-looking) */
body[data-site="corp"] .icon-badge{
  background: linear-gradient(135deg, #D4AF37, #FDE68A);
  color: #1A1205;
  box-shadow: 0 16px 50px rgba(212,175,55,.55);
}

/* 7) Stats & numbers pop */
body[data-site="corp"] .stat b{
  color: #FDE68A;
}

/* 8) Testimonials stars */
body[data-site="corp"] .tcard__stars{
  color: #FDE68A;
}

/* 9) Footer polish */
body[data-site="corp"] .footer{
  border-top-color: rgba(212,175,55,.35);
}

/* =========================================================
   Header & Mobile Menu Polish (Corporate)
   ADD-ONLY — safe for existing layout
   ========================================================= */

/* Header visual upgrade */
body[data-site="corp"] .topbar{
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

body[data-site="corp"] .topbar__link{
  position: relative;
}

body[data-site="corp"] .topbar__link::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  width:0;
  height:2px;
  background: linear-gradient(90deg,#D4AF37,#FDE68A);
  transition: all .25s ease;
  transform: translateX(-50%);
}

body[data-site="corp"] .topbar__link:hover::after{
  width:60%;
}

/* Mobile menu polish */
body[data-site="corp"] .mnav{
  animation: slideDown .25s ease forwards;
}

@keyframes slideDown{
  from{ transform: translateY(-10px); opacity:0; }
  to{ transform: translateY(0); opacity:1; }
}

body[data-site="corp"] .mnav a{
  transition: background .2s ease, transform .2s ease;
}

body[data-site="corp"] .mnav a:hover{
  transform: translateX(-4px);
}

/* Hamburger button glow */
body[data-site="corp"] .mnav-btn{
  box-shadow: 0 0 0 1px rgba(212,175,55,.35),
              0 10px 30px rgba(212,175,55,.25);
}

body[data-site="corp"] .mnav-btn:hover{
  background: rgba(212,175,55,.18);
}

/* =========================================================
   Corporate Pages Unified Theme (Legal / Affiliate / Checkout)
   ADD-ONLY — safe for existing pages
   ========================================================= */

body[data-site="corp"]{
  background:
    radial-gradient(1200px 800px at 20% 20%, rgba(212,175,55,.22), transparent 60%),
    linear-gradient(180deg, #070F1C 0%, #0B1C2D 50%, #070F1C 100%);
}

body[data-site="corp"] main::before{
  opacity:.35 !important;
  background:
    radial-gradient(900px 600px at 30% 30%, rgba(212,175,55,.18), transparent 65%),
    radial-gradient(900px 600px at 70% 70%, rgba(253,230,138,.12), transparent 65%) !important;
}

/* Headings */
body[data-site="corp"] h1,
body[data-site="corp"] h2,
body[data-site="corp"] h3{
  color:#FDE68A;
}

/* Paragraphs & lists */
body[data-site="corp"] p,
body[data-site="corp"] li{
  color: rgba(245,247,250,.85);
}

/* Cards / boxes (legal blocks) */
body[data-site="corp"] .card,
body[data-site="corp"] .box,
body[data-site="corp"] .panel,
body[data-site="corp"] .section{
  background: linear-gradient(180deg, rgba(11,28,45,.92), rgba(9,23,40,.92));
  border:1px solid rgba(212,175,55,.30);
  border-radius:18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

/* Links */
body[data-site="corp"] a{
  color:#FDE68A;
}
body[data-site="corp"] a:hover{
  text-decoration: underline;
}

/* Buttons */
body[data-site="corp"] .btn,
body[data-site="corp"] button{
  border-color: rgba(212,175,55,.45);
}
body[data-site="corp"] .btn--primary{
  background: linear-gradient(135deg,#D4AF37,#FDE68A);
  color:#1A1205;
  box-shadow: 0 18px 55px rgba(212,175,55,.35);
}

/* Footer consistency */
body[data-site="corp"] .footer{
  background: rgba(5,10,18,.85);
  border-top:1px solid rgba(212,175,55,.35);
}